如何關閉友好的錯誤消息在微軟邊緣

Question

我試圖調試在微軟邊緣一個崩潰的應用程序，但它給出了友好的錯誤頁面：

此頁面有問題裝載

我們幾次嘗試加載此頁面，但這個網站仍然存在問題。我們知道你有更好的事情要做，而不是一次又一次地觀看這個頁面，所以稍後再回到這個頁面。

在Internet Explorer中有一種方法來turn off友好的錯誤消息。這在Microsoft Edge中也是可行的嗎？我想知道問題出現在哪一行代碼中。

Answer 1

看來目前還沒有。您可以使用F12開發人員工具進行調試。友好的頁面包含實際的HTTP響應代碼，所以你可以有一個想法。此外，如果您需要更多詳細信息，則可以使用F12 Network工具檢查請求/響應的完整詳細信息，以獲取服務器響應的數據。

Answer 2

您可能受this unclosed bug影響。

沒有簡單的方法，現在來解決它，未友好的錯誤消息可能幫助不大（因爲你沒有得到一個服務器端的HTTP錯誤，僅僅是發出一個錯誤並截斷通信的瀏覽器）。另一方面，開發者工具也不會幫助：當錯誤發生時，邊緣「巧妙地」關閉它，如果你重新打開歷史記錄是空的（沒有辦法保留它，嘗試所有的按鈕）。

我在我正在開發的網站上遇到此問題，但我無法理解發生了什麼。

編輯 - 經過很長時間我在我的環境中修復了這個問題。不幸的是，我很確定這不會幫助太多的其他開發者，因爲這個bug似乎發生了很多不同的原因，但仍然...這是我的用例。

什麼是凍結我的網站是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; 
    } 
} 

Answer 3

當你看到的是，嘗試按F12和調試器選項卡，設置所有錯誤。當你刷新頁面時，頁面重新加載之前發生的最後一個頁面出於某種奇怪的原因並觸發錯誤頁面，可能會觸發一些不明確的錯誤。

您可能會發現Edge不會處理jQuery("someselector:visible")並刷新，但它可以與jQuery("someselector").filter(":visible")一起工作，但這可能只是舊jQuery 1.x中一個不明顯的錯誤。