Webフロントエンド開発におけるエラーを見つけるための基本的な考え方

WEB開発は主に2つのインタラクション（B/Sデータ）から構成されます

ブラウザ：

1html、css、js などのクライアント コードの実行時にエラーが発生します。

送信側:

1. パス導入エラー、一般的なプラグイン（artDialog、Ztree、JQuery など）、画像パス、ビデオパスなどの導入。

2 ファイル (js、css、画像、ビデオなど) が大きすぎるため、ブラウザの解析が遅くなり、読み込み時間が長くなります。これらのファイルは適切に圧縮できます。

サーバ：

1 動的 Web ページ - データ ソース (データ操作プログラム) エラー。

2 データベースまたはファイルのデータ エラー。

簡単な図:

クライアント側でエラーを処理するための一般的な方法(一般的なツール F12):

1. HTML および CSS のデバッグの場合は、矢印をクリックするだけです (要素の属性を表示できます)。JS のデバッグの場合は、通常、ブレークポイントを設定します。

2. キャッシュの蓄積によりエラーが発生するので、キャッシュをクリアします。

3. ページ値の送信と要求処理により、ネットワーク内のページ間の要求と応答をキャプチャできます。

4. Cookie とセッションの処理とクリア。

知らせ：

[ブラウザエンジンのレンダリング方法（IEを例にとる）：

1. ブラウザの閲覧モード、つまりデフォルトのブラウザエンジンの種類{IE7 6 バージョンは IE7 6 エンジン}

2. ドキュメント閲覧モード。これはコードの実際の解析モードです。

{次のコードを使用して手動で設定できます: <meta http-equiv="X-UA-compatible" content="IE=EmulateIE7" /> IE のバージョンに関係なく、HTML コードは IE7 エンジンによって解析されます}

以上が、WEBフロントエンド設計におけるエラー発見に関する私の経験です。私の知識は限られているので、抜け穴などありましたらお気軽にアドバイスをください。