我正在学习编写chrome扩展程序。有时,我确实想学习chrome开发者网站上给出的示例。正如指令所说,我需要browser_action
或page_action
,然后右键单击,然后检查弹出窗口。我想知道是否有其他方法来调试chrome扩展。
另一件事是,我必须在调试控制台中编写“window.reload(true)
”来重新加载弹出页面,有没有更好或更方便的方法呢?
答案 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中的扩展名:
答案 1 :(得分:3)
取决于您要调试的内容。 Chrome扩展程序还包含后台页面和内容脚本。
您可以在此处找到背景页面控制台:打开chrome:// extensions /,在扩展程序下,您将看到"检查视图"。
内容脚本将消息打印到页面控制台。
弹出窗口和其他页面,您可以在普通标签页中打开并在其控制台中进行检查。它们可通过网址访问:" chrome-extension:// YOUR_EXTENSION_ID /path/to/popup.html"