如何调试Chrome devtools扩展中的后台页面?

hiz5n14c  于 2023-01-10  发布在  Go
关注(0)|答案(1)|浏览(147)

我正在开发一个Chrome DevTools扩展,但我找不到如何调试后台页面中运行的脚本。
我在manifest.json中声明了一个DevTools背景页面:

"devtools_page": "devtools-background.html"

该HTML页面运行一个脚本:

<script src="devtools-background.js"></script>

脚本添加一个面板:

chrome.devtools.panels.create('My Extension', '', 'index.html')

我可以通过在任何页面打开DevTools来运行我的扩展,效果很好,我看到了面板。我可以通过在DevTools页面上打开DevTools来调试面板的元素和脚本(或者进入chrome://extensions开发者模式)。我甚至可以从VS代码连接外部调试器到扩展面板。
但是我无法从后台页面连接调试器到devtools-background.js。我无法使用console.log或分步调试来了解后台发生了什么。如果脚本中发生错误,我唯一拥有的是来自chrome://extensions开发者模式的错误。但是没有控制台或调试器。

xuo3flqw

xuo3flqw1#

当您点击“服务工作者”时,您可以找到控制台日志的背景。

相关问题