google-chrome-extension - 获取 Chrome 扩展中 Tab 的完整 URL

Question

我正在尝试修改一个 chrome 扩展，它将图像上传到 Picasa 并用完整的 URL 标记它们，例如www.domain.com/whatever.jpg，它们是从哪里上传的。

我在获取完整 URL 时遇到问题。当我尝试以下代码时，它给了我一个不完整的 URL，只有whatever.jpg，而不是www.domain.com/

...
chrome.tabs.getSelected(null, function(tab) {
var yourell = tab.url;
...

有人有想法么？

谢谢，

戴夫

Answer 1

回答

利用

chrome.tabs.query

chrome.tabs.getSelected 已被弃用。要获取当前活动选项卡的完整 URL，您需要使用 chrome.tabs.query 函数并执行以下操作

例子

清单.json

{
    "name": "Get Current Open Tab Info Example",
    "manifest_version": 2,
    "version": "0.1",
    "description": "How to get info on the current tab on the active window in chrome.",
    "background": {
        "scripts": ["background.js"]
    },
    "browser_action": {
        "default_title": "test"
    },
    "permissions": [
        "tabs"
    ]
}

背景.js

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.query({
        active: true,
        currentWindow: true
    }, function(tab) {
        console.log(tab[0]);
        console.log(tab[0].url);
    });
});

运行示例截图

加载示例扩展

在浏览器窗口打开到 exampley.com
的扩展程序弹出控制台日志时单击扩展程序按钮

示例文件http://mikegrace.s3.amazonaws.com/stackoverflow/current-tab.zip