Chrome代码片段与imei.js文件间变量值互传方法问询

明确说：可以实现，你之前的方法失败主要是因为Chrome代码片段的运行环境和常规网页JS的加载逻辑有差异，以下是可行的具体方案：

方案一：全局变量挂载（最直接） #

1. 修改你的imei.js，把需要传递的变量挂载到window全局对象上：

// imei.js 内容示例
window.targetIMEIs = ['123456789012345', '987654321098765']; // 替换成你的数据库提取结果

2. 在Chrome代码片段中，确保imei.js已加载后直接访问全局变量：

// Chrome代码片段示例
// 等待页面加载完成（如果是加载本地imei.js到当前页面）
document.addEventListener('DOMContentLoaded', function() {
  if (window.targetIMEIs) {
    console.log('获取到IMEI:', window.targetIMEIs);
    // 这里写你的业务逻辑
  }
});

注意：如果要在Boost Mobile的页面中加载本地imei.js，需要确保Chrome允许本地文件访问，启动时添加参数：--allow-file-access-from-files，否则会因跨域被拦截。

方案二：动态加载imei.js到页面上下文 #

直接在Chrome代码片段中创建script标签，动态加载imei.js，加载完成后获取变量：

// Chrome代码片段示例
const loadScript = (src) => {
  return new Promise((resolve) => {
    const script = document.createElement('script');
    script.src = src;
    script.onload = () => resolve();
    document.head.appendChild(script);
  });
};

// 加载本地imei.js，路径根据实际情况调整
loadScript('./imei.js').then(() => {
  // 访问全局变量
  console.log('IMEI数据:', window.targetIMEIs);
  // 执行后续Boost Mobile网站操作
});

如果你的文件是Chrome扩展的一部分，把src换成chrome.runtime.getURL('imei.js')即可。

方案三：直接嵌入代码（小文件适用） #

如果imei.js内容不多，直接把其中的代码复制到Chrome代码片段里，变量自然在同一个执行上下文，无需额外传递。

为什么你之前的方法失败？ #

• import/export：Chrome代码片段默认运行在非模块环境，且本地file://协议下模块加载受跨域限制，无法直接使用ES模块语法。
• HTML添加src标签：你的网页的script标签仅在自身页面生效，而Chrome代码片段是运行在Boost Mobile的页面上下文里，两者属于不同环境，片段无法访问你网页里加载的变量。

内容的提问来源于stack exchange，提问作者Charles4341