如何通过单击按钮获取 Chrome 中的当前 URL

我正在制作一个 chrome 扩展，它共享一个网站的 url。现在我需要一个可以在浏览器中导航当前 URL 的代码。当我单击图标时，我想打开新选项卡（http://www.thatsite.com/sharer.php?u= + current URL).

我有两个文件：

清单.json

{
    "name": "Share on that site",
    "version": "1",
    "browser_action": {
        "default_icon": "icon.png"
    },
    "background": {
        "scripts": ["background.js"]
    },
    "permissions": ["tabs"],
    "manifest_version": 2
}

和背景.js

chrome.browserAction.onClicked.addListener(function(activeTab){
    var newURL = "http://www.leegly.com/sharer.php?u=" + <current URL here>;
    chrome.tabs.create({ url: newURL });
});

当。。。的时候chrome.browserAction.onClicked事件被调度，第一个参数保存有关当前选项卡的信息。

要获取当前选项卡的 URL，首先请求activeTab允许在清单文件中（tabs不需要许可，可以省略）。然后，获取 URL 就像阅读一样简单tab.url:

chrome.browserAction.onClicked.addListener(function(tab) {
    var url_encoded_url = encodeURIComponent(tab.url);
    var newURL = "http://www.leegly.com/sharer.php?u=" + url_encoded_url;
    chrome.tabs.create({ url: newURL });
});

请注意，我已经使用过encodeURIComponent。如果没有这个，如果当前 URL 包含＆符号（&).