javascript - Chrome 扩展程序可重定向到带参数的 URL

Question

我正在尝试创建一个 Chrome 扩展程序，如果 URL 与给定模式匹配 (*://*.mydomain.com/s/*)。下面是我拥有的 list 文件和后台脚本，但我无法让它工作。我做错了什么？

manifest.json:

{
  "manifest_version": 2,
  "name": "Search Grid View",
  "version": "0.1",
  "description": "Changes MyDomain.com search to grid view by default",

  "background": {
     "scripts": ["background.js"]
  },

  "permissions": [
    "tabs",
    "webRequest",
    "*://*.mydomain.com/s/*",
    "webRequestBlocking"
  ]

}

背景.js:

chrome.webRequest.onBeforeRequest.addListener(
  function(details) {         
    var currentUrl = tabs[0].url;
    var newUrl = currentUrl + "&style=gridview"
    return { redirectUrl: newUrl};
  },
  {
    urls: [
      '*://*.mydomain.com/s/*'
    ],
    types: ['main_frame']
  },
  ['blocking']);

预先感谢您的任何建议!

Answer 1

1. 使用调试器 - 在 chrome://extensions 页面上点击扩展程序的背景页面，然后切换到Sources 面板。
2. 要获取 URL，请使用 onBeforeRequest的回调参数
3. 检查网址是否已修改。

---

chrome.webRequest.onBeforeRequest.addListener(
    function(details) {
        return {
            redirectUrl: details.url + 
                (details.url.indexOf("?") == -1 ? "?" : "") +
                (details.url.indexOf("&style=gridview") == -1 ? "&style=gridview" : "")
        };
    },
    {urls: ['*://*.mydomain.com/s/*'], types: ['main_frame']},
    ['blocking']
);