web-dev-qa-db-ja.com

MicrosoftEdgeでわかりやすいエラーメッセージをオフにする方法

Microsoft Edgeでクラッシュするアプリケーションをデバッグしようとしていますが、わかりやすいエラーページが表示されます。

このページの読み込みに問題があります

このページを数回ロードしようとしましたが、このサイトにはまだ問題があります。このページが何度もリロードされるのを見るよりもやるべきことがあるので、後でこのページに戻ってみてください。

Internet Explorerには、 オフにする わかりやすいエラーメッセージを表示する方法があります。これはMicrosoftEdgeでも可能ですか？問題が発生するコードの行を知りたいのですが。

microsoft-edge
7
Willem de Wit

あなたはおそらく この閉じられていないバグ の影響を受けています。

今のところそれを修正する簡単な方法はありません。友好的でないエラーメッセージはおそらくあまり役​​に立ちません（サーバー側の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;
  }
}

私はたくさんのの組み合わせをテストしましたが、ルールは1つだけです。両方のメディアクエリを提供することはできません。それらの中に何が含まれているかは関係ありません。それは単にブラウザを壊します。

私の場合、修正は非常に簡単でした。最初の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;
  }
}
1
keul

現時点ではないようです。ただし、デバッグにはF12開発ツールを使用できます。わかりやすいページには、実際のHTTP応答コードが含まれているため、アイデアを得ることができます。また、詳細が必要な場合は、F12ネットワークツールを使用して要求/応答の完全な詳細を確認し、サーバーが応答しているデータを取得できます。

1
Rami Sarieddine

それが表示されたら、F12キーを押して、デバッガータブでbreak-on-all-errorsを設定してみてください。更新すると、奇妙な理由でページがリロードされてそのエラーページがトリガーされる前に最後に中断されたものが、いくつかのあいまいなバグをトリガーしている可能性があります。

EdgeはjQuery("someselector:visible")を処理せず、更新しますが、jQuery("someselector").filter(":visible")でも機能しますが、これは古いjQuery1.xのあいまいなバグである可能性があります。

0
NoBugs