chrome.tabs不可用:您没有访问此接口的权限

Question

我设置了这个权限

"permissions": [ "tabs" ],

在我使用的.js中

chrome.tabs.getSelected(null, function(tab) {
var page_url = tab.url;
$("#chrome_ext_qr_code img").attr("src", ...);
$("#chrome_ext_qr_code input").val(...);
});

为什么会出现这个错误？

chrome.tabs不可用:您没有访问此接口的权限。请确保manifest.json中包含所需的权限或清单属性。

Answer 1

斯蒂芬的解决方案，如上所述，不再有效。看起来谷歌也不再允许content-script中描述的回调访问tabs API了。

这意味着你必须在你的background.js中指定你的重定向：

(content-script.js)

chrome.extension.sendRequest({ command: "selected-tab" });

(background.js)

chrome.extension.onRequest.addListener(function(request, sender) { 
  if (request.command == "selected-tab") { 
    chrome.tabs.getSelected(null, function(){
      // your code here
      // var page_url = tab.url etc, etc
    }; 
  } 
});

Answer 2

正如Rob W已经提到的，您不能在content-script中访问tabs API。

您必须向后台脚本发送一个请求，它将返回所选的选项卡。

(content-script.js)

chrome.extension.sendRequest({ command: "selected-tab" }, function(tab) {
    var page_url = tab.url;
    // your code
});

background.js

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    if (request.command == "selected-tab") {
        chrome.tabs.getSelected(null, sendResponse);
    }
});

Answer 3

谷歌不再允许(？)若要从内容脚本内部访问选项卡对象，请执行以下操作。

如果你想获取标签，你可以从发送者发送到监听器的回调函数中获取：

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    console.log("Received from tab: ", sender.tab);
});