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

因此，我尝试编写一些代码，以便在按下我的网站上的按钮时可以截取页面的屏幕截图。代码可以工作，但唯一的问题是我必须先单击 chrome 扩展，然后才能单击按钮来截取屏幕截图。我猜这是因为活动选项卡未被调用。有任何想法吗？

这是错误消息：

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

清单.json

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

背景.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();
});

内容脚本1.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);
          }

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

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

文档提到你特别需要"<all_urls>"允许 https://developer.chrome.com/extensions/tabs#method-captureVisibleTab为了在没有显式调用的情况下使用此函数。看this bug https://code.google.com/p/chromium/issues/detail?id=339703#c8要求的解释。