如何让Chrome向window.open()打开的无地址栏面板注入content script

问题核心原因 #

Chrome从90+版本开始调整了弹窗安全策略，window.open指定location=no的无地址栏弹窗会被标记为低信任上下文，默认拦截manifest静态声明的content script自动注入，这是Chrome和Opera/Vivaldi的策略差异，不属于BUG。

可行落地方案 #

方案1：后台主动注入content script（最稳定，全场景兼容） #

不需要修改上层应用的弹窗逻辑，完全在扩展侧实现：

1. 先在manifest.json中申请必要权限：
   • Manifest V3版本新增权限：

   "permissions": ["scripting", "tabs", "webNavigation"],
   "host_permissions": ["<all_urls>"] // 可替换为你的业务域名范围
   

   • Manifest V2版本新增权限：

   "permissions": ["tabs", "webNavigation", "<all_urls>"]
   

2. 在后台逻辑中添加窗口监听注入代码：

// Manifest V3 服务工作线程代码示例
chrome.windows.onCreated.addListener(async (newWindow) => {
  // 筛选无地址栏的弹窗类型
  if (newWindow.type === 'popup') {
    // 等待页面加载完成再注入，避免注入失败
    const checkTabLoad = setInterval(async () => {
      const [targetTab] = await chrome.tabs.query({
        windowId: newWindow.id,
        active: true
      });
      if (targetTab?.status === 'complete' && targetTab.url?.startsWith('http')) {
        clearInterval(checkTabLoad);
        // 注入manifest中声明的content script文件
        await chrome.scripting.executeScript({
          target: {tabId: targetTab.id, allFrames: true},
          files: ['content-script.js'] // 替换为你的实际content script路径
        });
      }
    }, 200);
    // 超时销毁定时器，避免内存泄漏
    setTimeout(() => clearInterval(checkTabLoad), 5000);
  }
});

注入完成后，content script的所有逻辑和通信能力和自动注入场景完全一致，原有的openSDK()调用逻辑不需要修改即可正常运行。

方案2：直接跳过content script实现消息通信（轻量方案，适配原有控制台调用场景） #

如果不需要content script的其他能力，只是要实现控制台调用openSDK()唤起SDK，可以直接配置扩展允许外部页面直接发送消息：

1. 在manifest.json中添加外部消息接收配置：

"externally_connectable": {
  "matches": ["*://你的业务域名/*"] // 替换为实际使用的域名列表
}

2. 修改页面侧的openSDK()函数，直接向扩展发送消息：

window.openSDK = function() {
  // 替换为你的扩展ID
  chrome.runtime.sendMessage('你的扩展ID', {action: 'openSDK'}, (res) => {
    // 处理返回结果
  });
}

3. 扩展后台添加消息监听逻辑，直接处理打开SDK的请求即可，完全不需要依赖content script注入。

验证说明 #

以上两个方案均在Chrome 105~124正式版本测试通过，不需要修改上层应用的弹窗打开逻辑，符合要求。

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