如何使用JavaScript获取Cordova插件/项目的配置偏好？

嘿，这个问题我刚好踩过坑！确实Cordova核心没有直接暴露一个全局API让你直接读取config.xml里的配置偏好，但有几个实用的办法能搞定，我给你详细说下：

方法一：用第三方插件（最省心） #

最推荐的是使用cordova-plugin-app-preferences这个插件，它专门用来处理应用的配置偏好，不管是config.xml里的<preference>项，还是运行时的自定义偏好都能读取/设置。

步骤： #

1. 安装插件：

cordova plugin add cordova-plugin-app-preferences

2. 在JS里调用API读取：

// 读取单个指定的偏好
cordova.plugins.appPreferences.fetch('YourPreferenceName', 
  function(value) {
    console.log('拿到的偏好值:', value);
  }, 
  function(error) {
    console.error('读取失败:', error);
  }
);

// 一次性读取所有偏好
cordova.plugins.appPreferences.fetchAll(
  function(allPreferences) {
    console.log('所有配置偏好:', allPreferences);
  }, 
  function(error) {
    console.error('读取失败:', error);
  }
);

方法二：自定义构建钩子（无需第三方插件） #

如果你不想引入额外插件，可以在Cordova的构建流程里加个钩子，自动把config.xml里的偏好提取成JS对象，这样在前端代码里直接就能用。

步骤： #

1. 在项目根目录创建钩子脚本：hooks/before_prepare/extract-preferences.js，内容如下：

const fs = require('fs');
const xml2js = require('xml2js');

module.exports = function(context) {
  const configPath = `${context.opts.projectRoot}/config.xml`;
  const outputJsPath = `${context.opts.projectRoot}/www/js/app-preferences.js`;

  // 读取config.xml
  fs.readFile(configPath, (err, data) => {
    if (err) throw err;
    // 解析XML
    xml2js.parseString(data, (err, result) => {
      if (err) throw err;
      const preferences = {};
      // 提取所有<preference>项
      if (result.widget.preference) {
        result.widget.preference.forEach(pref => {
          preferences[pref.$.name] = pref.$.value;
        });
      }
      // 生成JS文件，把偏好挂到window对象上
      const jsContent = `window.appPreferences = ${JSON.stringify(preferences, null, 2)};`;
      fs.writeFile(outputJsPath, jsContent, (err) => {
        if (err) throw err;
        console.log('配置偏好已生成到:', outputJsPath);
      });
    });
  });
};

2. 安装XML解析依赖：

npm install xml2js --save-dev

3. 在config.xml里注册这个钩子，让构建时自动执行：

<hook type="before_prepare" src="hooks/before_prepare/extract-preferences.js" />

4. 之后构建项目时，会自动生成www/js/app-preferences.js，你在前端代码里直接用window.appPreferences.YourPreferenceName就能拿到对应的值了。

方法三：内置插件获取基础信息（仅特定项） #

如果只需要应用版本、名称这类基础信息，可以用Cordova官方的cordova-plugin-device插件，它能提供部分内置配置：

// 先安装插件：cordova plugin add cordova-plugin-device
console.log('应用版本:', device.version);
console.log('应用名称:', device.name);
console.log('设备型号:', device.model);

不过这个只能拿到固定的几个系统/应用信息，没法读取你自定义的<preference>项。

为啥window.cordova里没有直接的API呢？其实是因为Cordova核心只负责提供JS和原生之间的桥接能力，自定义配置偏好属于每个项目的个性化内容，所以没有内置全局接口，得靠上面这些方式来实现。

内容的提问来源于stack exchange，提问作者Adriano Di Giovanni