【问题标题】:is there any way to debug a chrome extension without setting a browser_action and a page_action?有没有办法在不设置 browser_action 和 page_action 的情况下调试 chrome 扩展?
【发布时间】:2015-05-13 16:10:03
【问题描述】:

我正在学习编写 chrome 扩展程序。有时,我确实想从 chrome 开发者网站上给出的示例中学习。正如说明所说,我需要一个browser_actionpage_action,然后右键单击,然后检查弹出窗口。我想知道是否还有其他方法可以调试 chrome 扩展。

另外一件事是,我必须在调试控制台中写“window.reload(true)”才能重新加载弹出页面,有没有更好或更方便的方法呢?

【问题讨论】:

  • 为什么觉得写window.reload(true)不方便?
  • 其实你可以在弹窗控制台按F5,它会重新加载弹窗。

标签: google-chrome-extension


【解决方案1】:

当然不需要。您的扩展程序要么有某种弹出窗口、某种背景脚本或某种内容脚本。

您已经知道如何调试弹出窗口。

要调试后台页面,您可以在启用开发人员模式的情况下转到chrome://extensions/。然后,您会在拥有它们的扩展程序旁边看到一个“背景页面”链接 - 您可以单击该链接以调出扩展程序的开发工具。

要调试内容脚本,您应该查看页面自己的开发工具。控制台输出将与普通控制台一起显示。要在控制台中键入代码以在 extension's context 中执行,您需要将上下文从 <top frame> 更改为 UI 中的扩展:

【讨论】:

【解决方案2】:

取决于您要调试的内容。 Chrome 扩展也有背景页面和内容脚本。

您可以在此处找到后台页面控制台:打开 chrome://extensions/ 并在扩展名下看到“检查视图”。

内容脚本将消息打印到页面控制台。

您可以在普通选项卡中打开弹出窗口和其他页面并在其控制台中进行检查。它们可以通过以下网址访问:“chrome-extension://YOUR_EXTENSION_ID/path/to/popup.html”

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-05-18
    • 1970-01-01
    • 2014-05-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多