Chrome 屏幕截图仅在首先单击扩展程序时有效

Question

所以我尝试编写一些代码，以便在我的网站上按下按钮时截取页面的屏幕截图。该代码有效，但唯一的问题是我必须先单击 chrome 扩展，然后我可以单击按钮以截取屏幕截图。我想那是因为未调用活动选项卡。有什么想法吗？

这是错误信息：

运行 tabs.captureVisibleTab 时未检查 runtime.lastError：“activeTab”权限无效，因为尚未调用此扩展。

ma​​nifest.json

"permissions": [
    "tabs",
    "*://google.com/*"
  ],

background.js

var id = 100;

// Listen for a click on the camera icon. On that click, take a screenshot.
function takeScreenshot() { 

  chrome.tabs.captureVisibleTab(null, function(screenshotUrl) {
    .....
}

chrome.extension.onRequest.addListener(function(request, sender) {
  takeScreenshot();
});

contentscript1.js

contentScriptMessage = "Take a screenshot";

document.addEventListener("hello", function(data) { //When overlay is clicked
    chrome.extension.sendRequest({message: contentScriptMessage}); //call background script
})

当点击图像时，我会从网页传递一条消息（调用函数 go()），如下所示：

  var go = function() {
          var event = document.createEvent('Event');
          event.initEvent('hello');
          document.dispatchEvent(event);
          }

Answer 1

运行 tabs.captureVisibleTab 时未检查 runtime.lastError：“activeTab”权限无效，因为尚未调用此扩展。

此错误意味着如果没有明确的用户手势（例如单击您的扩展程序），您的扩展程序没有足够的权限访问当前选项卡。我必须说这里的错误非常具有误导性，因为您的清单中没有 activeTab 权限。

文档提到您need specifically the "<all_urls>" permission 是为了在不显式调用的情况下使用此功能。有关要求的说明，请参阅 this bug。