Chrome Extension Popup Page 如何调试?

3 min read

可以按照以下步骤来调试Chrome Extension Popup Page：

  1. 在Chrome浏览器的地址栏输入chrome://extensions/，找到你的扩展程序，并点击“背景页”旁边的“检查视图”按钮。

  2. 在弹出的开发工具界面中，选择“弹出”标签页，这样就可以看到你的Popup页面的HTML、CSS和JavaScript代码了。

  3. 在“弹出”标签页中，可以使用Chrome开发工具的调试器工具来调试你的Popup页面的JavaScript代码。

  4. 在调试器中设置断点、监视变量、单步执行等操作来进行调试。

  5. 如果你想调试你的Popup页面的CSS样式，可以在开发工具的“弹出”标签中，选择界面右侧的“元素”面板，然后选择你想调试的元素，即可在右侧面板中看到应用到该元素上的CSS规则。

  6. 调试完成后，记得要保存代码并重新加载扩展程序，才能使调试结果生效。