如何调试page_action chrome扩展

Question

我正在尝试创建页面操作Chrome扩展程序。它安装得很好，当浏览器操作时我得到图标，但不是页面操作。因此，当我无法右键单击“检查弹出窗口”时，如何调试它。

在清单中添加了以下内容并删除了浏览器操作：

"page_action": {
  "default_icon":  "icons/icon19.png", // optional
  "default_title": "Switch",     // optional; shown in tooltip
  "default_popup": "src/popup.html"    // optional
},

由于

Answer 1

页面操作和浏览器操作之间的区别：

始终显示浏览器操作，而页面操作仅显示在某些有意义的页面上。

因此，在清单中声明页面操作后，您必须使用chrome.pageAction.show(tabId)（来自后台脚本）在给定选项卡中显示它。

// Most primitive way to show the page action - on every tab update
chrome.tabs.onUpdated.addListener( function(tabId) {
  chrome.pageAction.show(tabId);
});

如果显示图标，您可以正常调试其弹出窗口 - Inspect Popup将可用。