Chrome点击拨号扩展替换window.location为window.open无效果问题问询

你修改后没有效果主要有以下几个核心原因：

• 替换方式错误：window.location = 链接是赋值操作，直接替换成window.open = 链接完全无效，window.open是方法，需要传参调用，正确写法是window.open(链接, '_blank')
• 弹窗拦截限制：运行在页面内容脚本中的window.open极易被浏览器的弹窗拦截策略、页面自身的Content-Security-Policy拦截，导致没有任何响应
• 权限配置缺失：如果要调用Chrome扩展的标签操作能力，需要先在扩展的manifest.json中配置对应权限
• 缓存未清理：修改代码后未正确重载扩展、未清理旧页面的内容脚本缓存，导致运行的还是旧代码

优先使用Chrome扩展原生的chrome.tabs.createAPI实现新标签打开，比window.open稳定性更高，还可以配置不激活新标签，完全不打断当前工作流：

1. 修改业务代码 #

把你代码中所有window.location = 链接的逻辑，替换为以下写法：

chrome.storage.sync.get(['disabled', window.location.origin], function(result) {
  checked = result.disabled;
  chrome.runtime.onMessage.addListener(function(request) {
    switch (request.type) {
      // selectionVod 分支修改后
      case 'selectionVod':
        chrome.tabs.create({
          url: "votel://" + request.info.selectionText,
          active: false // 设为false则新标签不会自动激活，不会切走当前页面焦点
        });
        break;
      // selectionVcc 分支修改后
      case 'selectionVcc':
        chrome.storage.sync.get(['vccPlatform'], function(result) {
          var vccPlatform = result.vccPlatform;
          if (vccPlatform && vccPlatform.includes('odcc')) {
            chrome.tabs.create({
              url: "https://" + vccPlatform + ".providerdomain.ca/AGUI/make_call.php?phone=" + request.info.selectionText,
              active: false
            });
          } else {
            chrome.tabs.create({
              url: "https://vcc-" + vccPlatform + ".providerdomain.com/AGUI/make_call.php?phone=" + request.info.selectionText,
              active: false
            });
          }
        });

2. 补充扩展权限 #

打开扩展根目录的manifest.json文件，在permissions数组中添加tabs权限：

// Manifest V3 示例
"permissions": ["storage", "tabs", "activeTab"]

3. 重载扩展测试 #

1. 打开chrome://extensions/页面，开启右上角「开发者模式」
2. 找到你修改的扩展，点击右下角的刷新按钮
3. 完全关闭之前打开的所有网页，重新打开页面测试功能

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