如何调试 Microsoft Edge 内容脚本?

How can a Microsoft Edge content script be debugged?

Microsoft 在这个问题上有一些 decent documentation on debugging Content Scripts for an Edge Extension and the top of the page even includes a Channel 9 video

不幸的是,技术 no longer seem to work, as even when following the debug instructions and using the the sample Text Swap extension、扩展和内容脚本从未出现在调试器中。

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

有人知道如何让内容脚本显示在调试器中吗?

您可以看到下面的截图。我在 "extension" 文件夹下有 css,在 "no domain" 文件夹下有 js。我希望你的清单文件是正确的。看起来你的控制台有错误。你可以检查并更正必要的。 enter link description here

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

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

  • 关闭所有打开的边缘windows。
  • 启动 Edge
  • 等待有关正在打开未知来源扩展程序的提示 关闭和 select 'Turn on anyway.'
  • 导航到 URL 进行调试。在这种情况下是: https://developer.microsoft.com/en-us/
  • 打开调试器 (F12)
  • 右键单击浏览器右上角的扩展程序图标, 在地址栏右侧。
  • Select 'Manage' 然后 'Reload extension.'
  • 刷新页面。

我遇到了同样的问题。对我的情况有帮助的解决方案非常明显,几乎令人尴尬...:[=​​11=]

我总是错误地在任意选项卡中按 F12。这为在该特定选项卡中打开的站点调出了开发人员工具。就像 Ken 描述他的问题一样。

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

您只需单击背景页面 link。然后你就可以调试你的扩展了。

这是一个已在即将发布的版本中修复的错误,请参阅 https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/13829248/ 了解详情。