想要修改chrome URL

Question

我想为chrome创建一个插件。单击时，它应该使用修改后的URL重定向选项卡。

我在清单的后台页面中使用这个：

<script type="text/javascript" language="JavaScript">
    chrome.tabs.getCurrent(function (tab) {
        var tabUrl = encodeURIComponent(tab.url);
        var tabTitle = encodeURIComponent(tab.title);
        chrome.tabs.update(tab.id, {url: "http://xyz.com/surf/browse.php?u=" + tabUrl});
    });
</script>

这是我的清单：

{
    "name": "XYZ Surf",
    "version": "1.0",
    "description": "just info",
    "background_page": "redirect.html",
    "homepage_url":"http://www.xyz.com/surf",
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "abc."
    },
    "permissions": ["tabs"]
}

我只想当点击插件按钮时，用户必须重定向到修改后的URL。（请完整解释，请不要参考谷歌代码，因为它正在通过我的头脑。）

（我一直在查找所有答案，确实找到了一个，但没有得到。）

Answer 1

与其在后台页面中这样做，不如监听浏览器操作事件[1]:

chrome.browserAction.onClicked.addListener(function(tab) {
  var tabUrl = encodeURIComponent(tab.url);
  var tabTitle = encodeURIComponent(tab.title);
  chrome.tabs.update(tab.id, {url: "http://xyz.com/surf/browse.php?u=" + tabUrl});
});