Microsoft Edge F12 开发人员工具无法打开

Posted

技术标签:

【中文标题】Microsoft Edge F12 开发人员工具无法打开【英文标题】:Microsoft Edge F12 Developer Tools don't open 【发布时间】:2015-12-06 16:07:04 【问题描述】:

升级到 Windows 10 后,我无法让 F12 开发人员工具在 MS Edge 下显示/工作。

IE 11 开发人员工具仍然可以工作,但我可以在我正在开发的网站上看到它们之间的渲染差异,因此可以让它们在 Edge 下工作。

我假设它们可用??

已经尝试过重新注册包修复,以及重置 Internet 选项,但没有任何效果。

【问题讨论】:

【参考方案1】:

我今天有这个问题!

昨天调试了一下,没问题,昨晚又跑了最新的微软大更新,今天又出现了这个问题。

您必须关闭选项卡并重新打开它,然后一切正常!

【讨论】:

关闭再打开是信息技术中的标准故障排除技术。我不确定它是否真的有助于任何人提供它作为这个特定问题的答案,尤其是。在大多数情况下它甚至似乎都不起作用。 请注意,我关闭了浏览器,在本例中为 Edge,然后重新打开。通常这可以解决问题。但在这种特殊情况下,我不得不关闭特定的标签页并重新打开它。我认为这是有价值的信息。【参考方案2】:

除了this,对我来说绝对没有任何效果

使用管理员权限,删除以下文件并重启开发者工具:

文件夹是%windir%\SystemApps\Microsoft.MicrosoftEdgeDevToolsClient_8wekyb3d8bbwe\microsoft.system.package.metadata\Autogen\,具体文件取决于系统架构:

x64:JSByteCodeCache_64 x86:JSByteCodeCache_32

【讨论】:

@Ralf 不幸的是,问题的原因似乎是独一无二的。 经过多次尝试,工具终于出现了。但我不知道实际上是什么修复了它。现在尝试,它们又消失了。我很高兴它是独一无二的 ;-)【参考方案3】:

以下问题页面包含 cmets 中的解决方案,它对我有用: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18153935/

如果您被允许使用 powershell,请以您的用户身份执行以下命令来修复开发工具:Add-AppxPackage -register "C:\windows\SystemApps\Microsoft.MicrosoftEdgeDevToolsClient_8wekyb3d8bbwe\AppxManifest.xml" -DisableDevelopmentMode -Confirm:$false

【讨论】:

【参考方案4】:

“开发者工具空白”现象是一个已知问题,您可以在此处查看:https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15458103/

解决方案尚不清楚。我在这里使用一个帐户在我的计算机上具有相同的效果,但是我可以在同一台计算机上看到具有不同用户帐户的工具页面。所以我认为这可能是与用户个人资料有关的问题。

【讨论】:

“抱歉,我们找不到那个页面。”【参考方案5】:

我在 Microsoft Edge 团队工作,并没有亲自听说过有关开发人员工具无法正常工作的任何问题。正如another answer here 中所指出的,当您导航到文档时,这些工具只能通过菜单和 F12 使用。这些工具不适用于新标签页等内容。

如果您继续遇到开发者工具问题,请分享有关您的 Windows 10 版本(从 Run 运行 winver)和 Microsoft Edge(在设置中提供版本号)的其他信息。我很乐意提交问题以供进一步调查。

与此同时,您可以在 Windows 10 上尝试另一个名为 F12 选择器的实用程序。您可以在C:\Windows\System32\F12\F12Chooser.exe 下找到它。这将识别当前在您的机器上打开的所有可能的调试目标。您应该会看到枚举的 Edge 实例。

【讨论】:

是的 - 我意识到它需要在网站上(而不是内部)但不起作用 - 鼠标光标快速闪烁到等待(沙漏),然后又回到光标。 WinVer = Windows 版本 10.0(内部版本 10240)。边缘 = MS 边缘 20.10240.16384.0。已安装所有 Windows 更新(认为上一次累积是在星期二获得的)。 更新 - 运行 F12 选择器并选择“堆栈溢出”选项后,开发工具打开。重新启动,现在 F12 可以在 Edge 中的网站上运行!谢谢!!! 当我按下F12 时,我会看到一个带有IE 徽标的蓝色窗口......仅此而已。此窗口中不再显示任何内容。 此外,F12Chooser.exe 在 build 17063 上不存在。我试图启动 IEChooser.exe,但它没有列出任何目标(即使在网页上打开 Edge 时)。 IEChooser 有一行说“选择要调试的目标”,但它下面什么都没有。没有什么可以选择的。 WinPro 10.0.18362【参考方案6】:

回答

如果您在未先访问网站的情况下打开 Edge,则 F12 开发人员工具将不可用。例如,如果您只是打开一个新选项卡,那么您将没有这些工具。在您真正访问网站后,这些工具将再次启用。

已禁用

启用

【讨论】:

以上是关于Microsoft Edge F12 开发人员工具无法打开的主要内容,如果未能解决你的问题,请参考以下文章

禁用 Microsoft Edge (Chromium) 开发人员模式扩展在启动时弹出

如何使用 F12 开发人员工具调试网页

如何在文档单击时手动触发 F12(开发人员工具面板)[重复]

Windows 7下IE 11的F12控制台不能使用的解决

使用chrome的F12开发人员工具进行网页前端性能测试

IE调试网页之四:F12 开发人员工具控制台错误消息 (Windows)(转载)