如何调试Microsoft Edge内容脚本？

Question

Microsoft在调试Edge扩展的内容脚本方面有一些decent documentation，页面顶部甚至包含Channel 9 video主题。

不幸的是，技术no longer seem to work，即使遵循调试指令并使用sample Text Swap extension，扩展和内容脚本也永远不会出现在调试器中。

正如您从屏幕截图中看到的那样，内容脚本已经运行（并且更改了页面上的字体），但它和扩展本身在调试器中无处可见。

有人想出如何让内容脚本显示在调试器中吗？

Answer 1

您可以在下面看到截图。我有＆＃34;扩展＆＃34;夹＆＃34;和js在＆＃34; no domain＆＃34;夹。我希望你有清单文件正确。看起来您的控制台有错误。您可以查看检查并在必要时进行更正。 enter link description here

Answer 2

调试器似乎在加载扩展时不一致。该脚本正在运行，但是，调试器并不总是显示扩展名和内容脚本。

这是我为确保内容脚本的可见性所做的工作：

• 关闭所有打开的Edge窗口。
• 启动边缘
• 等待来自未知来源的扩展程序的提示 关闭并选择'打开无论如何。'
• 导航到要调试的URL。在这种情况下，它是： https://developer.microsoft.com/en-us/
• 打开调试器（F12）
• 右键单击浏览器右上角的Extension图标， 在地址栏右侧。
• 选择“管理”，然后选择“重新加载扩展程序”。
• 刷新页面。

Answer 3

我遇到了同样的问题。在我的案例中帮助的解决方案是如此明显，以至于它几乎令人尴尬......：

我错误地在任意标签中按F12。这为在该特定选项卡中打开的站点提供了开发人员工具。就像肯描述他的问题一样。

现在有助于调试扩展程序的开发人员工具，请按照此处文档中列出的说明进行操作：https://docs.microsoft.com/en-us/microsoft-edge/extensions/guides/debugging-extensions#background-script-debugging

您只需点击背景页面链接即可。然后，您就可以调试扩展程序。

Answer 4

这是一个已在未来版本中修复的错误，有关详情，请参阅https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/13829248/。