如何调试 Microsoft Edge（旧版）内容脚本？

Question

更新：以下问题是在 2017 年提出的，与 Edge 的旧版本有关（在 Edge 切换到 Chromium 之前）；该问题并不直接适用于新版本的 Edge（自 2020 年以来构建的版本）。

---

Microsoft 有一些关于调试 Edge 扩展的内容脚本的不错的文档，页面顶部甚至包含有关该主题的第 9 频道视频。

不幸的是，这些技术似乎不再起作用，因为即使遵循调试说明并使用示例文本交换扩展，扩展和内容脚本也永远不会显示在调试器中。

从屏幕截图中可以看到，内容脚本已运行（并更改了页面上的字体），但在调试器中看不到它和扩展本身。

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

Answer 1

您可以看到下面的屏幕截图。我在“扩展”文件夹下有 css，在“无域”文件夹下有 js。我希望您的清单文件正确。看起来您的控制台有错误。您可以检查它并在必要时进行更正。 在此输入链接描述

Answer 2

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

这就是我为确保内容脚本的可见性所做的事情：

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

Answer 3

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

我错误地总是在任意选项卡中按 F12。这会调出在该特定选项卡中打开的网站的开发人员工具。正如肯描述他的问题一样。

现在，帮助获取用于调试扩展的开发人员工具的方法是按照此处文档中列出的说明进行操作：https://learn.microsoft.com/en-us/microsoft-edge/extensions/guides/debugging -扩展#后台脚本调试

您只需单击后台页面链接。然后您就可以调试您的扩展了。

Answer 4

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