2

フロントエンドに多くの Javascript を追加するのに長い時間を費やしました。FF（11.0）を使用している間、これをずっと行いました。すべての変更 (私のローカル サンドボックスでは正常に動作します) を開発サーバーにコミットしたところ、IE 8 でページを表示すると div 全体が欠落していることに QA テスターが気付きました。

この div は、jQuery を使用してさまざまな機能を実行し、ユーザーがアコーディオン パネルを展開/折りたたんだり、展開されたアコーディオンから画像をドラッグ アンド ドロップしたりできるようにします。

今は午後 10 時ですが、この休憩を直すまでは寝られません。F12IE に同梱されている (ボタンからアクセスできる) IE Dev Toolbar を使用してみました。ファイアーバグも同様。JS はまったく問題ないように見えますが、IE が頑固なだけです。

IE が jQuery を多用する div を表示しない理由を理解し始めるために、SO はどのような手順を実行しますか? 私のコードはJSページ全体に関数と呼び出しを散りばめ、織り交ぜているため、変更を1つずつ元に戻すほど単純ではありません。正しい方向へのポインタやナッジを前もって感謝します。

4

1 に答える 1

2

F12 開発者ツール

F12 開発者ツールは、適切に使用すれば、コード全体の奇妙な問題を発見する以上の能力を発揮します。アプリケーションを監査して、実行時間の長いプロセスを見つけ、ブレークポイントを追加し、ページのライフサイクルを通じて変数を監視できます。

IE Compat Inspector(s)

もう 1 つの優れたツールは IE Compat Inspector です。これは、コードを調べて、Internet Explorer でサイトを壊す可能性のあるパターンや使用法を探します。これは、Internet Explorer 9 の場合はhttp://blogs.msdn.com/b/ie/archive/2011/04/27/ie9-compat-inspector.aspx、http://blogs.msdn.comでオンラインで見つけることができます。 /b/ie/archive/2012/01/20/ie10-compat-inspector.aspx (Internet Explorer 10 用)。

ECMAScript Compat チャートとポリフィル

多くの場合、どのブラウザでどの機能がサポートされているかを混同しています。適切な互換性チャートを手元に置いておくclassListと、IE でサポートされているかどうかがわかります。何かが Internet Explorer に実装されていないことに気付いた場合は、ポリフィルを見つけるときです。幸いなことに、たくさんあります。

Web デバッグ プロキシ

これらは、Internet Explorer でサイトのトラブルシューティングに使用できるツールのほんの一部です。最後はFiddler 2 (Web デバッグ プロキシ) です。これにより、クライアントとサーバーの間に立ち、双方向でデータを改ざんすることができます。私は通常、これを使用して、スクリプトをデバッグしているときにライブ サーバー ファイルの代わりにカスタム ファイルを提供します。ただし、現在サーバーに直接アクセスできる場合、これはそれほど必要ではありません。

于 2012-04-28T02:38:29.347 に答える