スタイルの問題を解決するために js デバッグ スキルを柔軟に適用する手順の共有_JavaScript スキル

コードのロジックが複雑だったり、時間が経つと処理内容が忘れられたり、他人が残したバグをそのまま引き継いで修正したりするなど、さまざまな理由により、この場合、デバッグは頭の痛い問題になります。

ここでは、さまざまな困難で複雑な疾患に対してより良い結果を生み出すことができる、JS デバッグ スキルをいくつか共有したいと思います。

ステップ 1: サーバーによって直接レンダリングされたコンテンツを確認する

このステップでは、まずソース ファイルを表示する方法を使用して、ページの HTML フラグメントがサーバー側で異常であるかどうかを判断します。

ステップ 2: 実際の HTML コンテンツとサーバーによってレンダリングされた元のコンテンツの違いを比較します

いくつかのフロントエンド ツール (例: IE の開発者ツール、Firebug、 Chrome デベロッパー ツールなど)、現在の HTML フラグメントのコンテンツをリアルタイムで表示します

ステップ 3: 適切な場所にデバッガーを追加します

例: まず、js コードを見つけますデバッガーを追加するか、「属性変更時のブレーク」と同様のブレークポイントを追加するツールを使用します。たとえば、実際の HTML には、元のコンテンツよりも余分な width 属性があります。

ステップ 4: ページを実行して Interrupt に入り、js 呼び出しスタックを確認します (重要なステップ)

IE でサポートされている Visual Studio デバッガーを使用することをお勧めします (IE を設定する必要があります)最初に「スクリプトのデバッグを無効にする」をキャンセルすると、基本的にどの JS であるかを判断できます。このメソッドはスタイルを変更します。