如何关闭 Microsoft Edge 中的友好错误消息答案

【问题标题】：How to turn off friendly error messages in Microsoft Edge如何关闭 Microsoft Edge 中的友好错误消息
【发布时间】：2017-10-24 15:01:47
【问题描述】：

我正在尝试在 Microsoft Edge 中调试崩溃的应用程序，但它给出了友好的错误页面：

此页面在加载时出现问题

我们曾多次尝试为您加载此页面，但此站点仍然存在问题。我们知道您有更好的事情要做，而不是一遍又一遍地观看此页面重新加载，因此请稍后再返回此页面。

在 Internet Explorer 中有一种方法可以turn off 友好的错误消息。这在 Microsoft Edge 中也可以吗？我想知道问题出现在哪一行代码上。

【问题讨论】：

嗨@Willem-de-wit。在下面回答了你的问题。希望有帮助

标签： microsoft-edge

【解决方案1】：

目前好像没有。不过，您可以使用 F12 开发人员工具进行调试。友好页面包含实际的 HTTP 响应代码，因此您可以有所了解。此外，如果您需要更多详细信息，您可以使用 F12 网络工具查看请求/响应的完整详细信息，以获取服务器响应的数据。

【讨论】：

【解决方案2】：

你可能受到this unclosed bug的影响。

现在没有简单的方法来修复它，不友好的错误消息可能不会有太大帮助（因为您没有收到服务器端 HTTP 错误，只是浏览器引发错误并截断通信）。

另一方面，开发人员工具也无济于事：当错误发生并且如果您重新打开历史记录为空（无法保留它，尝试了所有按钮）时，Edge 会“智能地”自动关闭它。

我正在开发的网站上遇到此问题，但我无法理解发生了什么。

EDIT - 很长一段时间后，我在 my 环境中修复了这个问题。不幸的是，我很确定这不会对其他开发人员有太大帮助，因为该错误似乎出于很多不同的原因而发生，但仍然......这是我的用例。

冻结我的网站的是 CSS 媒体查询的组合（遵循较少使用的）：

@media (min-width:calc(@screen-mobile-size + 1px)) {
  .hero_mobile {
    display: none;
  }
  .hero_desktop {
    display: inline;
  }
}

...下面几行...

@media (max-width: @screen-mobile-size) {
  height: auto;
  max-height: 600px;
  .hero_mobile {
    display: inline;
  }
  .hero_desktop {
    display: none;
  }
}

我测试了很多的组合，但只有一条规则：我不能同时提供两种媒体查询，不管它们里面有什么！它只会破坏浏览器。

在我的情况下，修复非常简单：只是阻止第一个 CSS 规则嵌入媒体查询中，所以...

.hero_mobile {
  display: none;
}
.hero_desktop {
  display: inline;
}
// ...
@media (max-width: @screen-mobile-size) {
  height: auto;
  max-height: 600px;
  .hero_mobile {
    display: inline;
  }
  .hero_desktop {
    display: none;
  }
}

【讨论】：

【解决方案3】：

当您看到这一点时，请尝试按 F12 并在调试器选项卡中设置 break-on-all-errors。当您刷新时，由于某种奇怪的原因在页面重新加载并触发该错误页面之前它中断的最后一个可能是触发一些模糊错误的事情。

您可能会发现 Edge 不处理 jQuery("someselector:visible") 和刷新，但它确实适用于 jQuery("someselector").filter(":visible")，但这可能只是旧 jQuery 1.x 中的一个不起眼的错误。

【讨论】：