有没有办法调试chrome扩展而不设置browser_action和page_action?

时间:2015-05-13 04:40:31

标签: google-chrome-extension

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

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

2 个答案:

答案 0 :(得分:5)

当然不需要。您的扩展程序可能包含某些类型的弹出窗口,某些类型的后台脚本或某些类型的内容脚本。

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

要调试后台页面,您可以在启用开发人员模式的情况下转到// Top-level build file where you can add configuration options common to all sub-projects/modules. buildscript { repositories { jcenter() } dependencies { classpath 'com.android.tools.build:gradle:1.2.2' classpath 'com.github.dcendents:android-maven-plugin:1.2' classpath "com.jfrog.bintray.gradle:gradle-bintray-plugin:1.1" // NOTE: Do not place your application dependencies here; they belong // in the individual module build.gradle files } } allprojects { repositories { jcenter() } } 。然后,您会看到包含它们的扩展程序旁边的“后台页面”链接 - 您可以单击该链接以显示扩展程序的开发工具。

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

Extension context

答案 1 :(得分:3)

取决于您要调试的内容。 Chrome扩展程序还包含后台页面和内容脚本。

您可以在此处找到背景页面控制台:打开chrome:// extensions /,在扩展程序下,您将看到"检查视图"。

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

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