javascript 获取环境变量

在JavaScript中，经常需要获取一些操作系统或运行环境的信息，比如系统的语言、操作系统的名称、浏览器的版本等。这些信息可以通过获取环境变量来获得。

JavaScript可以通过Window对象来获取一些内置的环境变量，例如：

console.log(window.navigator.language);
    console.log(window.navigator.userAgent);
    console.log(window.navigator.platform);
    console.log(window.screen.width);
    console.log(window.screen.height);
    

其中window.navigator.language可以获取浏览器的默认语言，window.navigator.userAgent可以获取用户代理字符串，window.navigator.platform可以获取操作系统平台，window.screen.width和window.screen.height可以获取屏幕的宽度和高度。

除了内置的环境变量外，JavaScript还可以通过读取进程环境变量来获取一些自定义的环境变量。

在Node.js环境中，可以通过process.env来获取进程环境变量。例如：

console.log(process.env.NODE_ENV);
    console.log(process.env.DB_HOST);
    console.log(process.env.DB_PORT);
    

其中process.env.NODE_ENV可以获取当前的环境环境（例如：development、staging、production等），process.env.DB_HOST和process.env.DB_PORT可以获取数据库的主机名和端口号。

在浏览器环境中，由于浏览器的安全机制限制，无法直接访问进程环境变量。但是可以将环境变量保存到HTML的meta标签中，然后通过JavaScript读取meta标签中的值来获取环境变量。

例如，在HTML中定义如下的meta标签：

meta name="env" content="production">
    meta name="api_endpoint" content="https://api.example.com">
    meta name="stripe_public_key" content="pk_live_xxxxxxxxxx">
    

然后在JavaScript中可以通过document.querySelector获取meta标签中的值：

const env = document.querySelector('meta[name="env"]').getAttribute('content');
    const apiEndpoint = document.querySelector('meta[name="api_endpoint"]').getAttribute('content');
    const stripePublicKey = document.querySelector('meta[name="stripe_public_key"]').getAttribute('content');
    console.log(env, apiEndpoint, stripePublicKey);
    

通过上述方法，我们可以获取进程环境变量以及自定义的HTML meta标签中的环境变量。这些信息可以在程序中根据不同的环境来做出不同的逻辑处理，例如在开发环境中使用不同的API地址、加载不同的样式文件等。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！