JavaScript - ページを開いた後に空白の場合、どのようにして問題を特定しますか?ネットワークやサーバーの問題ではない場合、それはフロントエンドの問題です。それを特定するにはどうすればよいでしょうか。

今、面接の質問を見たんですが、どう答えていいかわかりません。みんながどう思っているか分かりません。どうもありがとう。

返信内容:

今、面接の質問を見たんですが、どう答えていいかわかりませんでした。みんながどう思っているか分かりません。どうもありがとう。

ブラウザの開発者ツールでページから返されたステータス コードを確認します。500 シリーズの場合は、Web サーバーのエラー ログを確認して、エラーが発生した場所を確認します。成功した場合は、以下のコンソールを見て、js に問題があるかどうかを判断できますか? もちろん、コンテンツがあるかどうかを確認するためにページのソース コードを確認することもできます。問題は起こりそうにありません

1.フロントエンド分析: Chrome 開発ツールを開き、http[s] プロセスを記録すると、http ステータス コードが取得されます。
2.バックエンド分析: nginx エラー ログまたはアクセス ログを grep し、予期しない http リクエストを grep します。わかります

js をブロックしていますか?

に外部jsが導入されており、実行時間が長い場合は、この時点ではページが空白になっているはずです。ページ、つまり 部分は、 の外部ファイルがロードされて実行されるまで表示できません。

リソースの読み込みステータスをチェックして、ネットワークまたはサーバーに問題があるかどうかを判断します。 js エラーがないか、ページの読み込みが停止しているかどうかを確認してください。ページのソースコードを参照してください。

フロントエンドの問題の場合、スクリプトの読み込みエラー、JS コードの問題など、さまざまな種類のエラーが存在します。リソースの読み込みに関する問題であれば、ブラウザの開発者ツールから検出して、適切な解決策を処方できるはずです。コードに問題がある場合は、Try...catch が比較的単純でよく使用される方法です。それが私の知る全てだ。

私なりの解決策ですが、面接の回答として適しているかはわかりませんが、無理がある場合はご容赦ください。

---

1. まず、自分で書いた場合は、すでにページがあったので、コードを書いた後、もう一度ブラウザを更新して空白のページが表示されたら、今書いたコード全体をコピーして削除します。元のページで、良いかどうかを確認して、良い場合は、新しいコードをメインコードに組み込みます。

2. 次に、たくさんのコードを書いていて、どこに問題があるのか​​わからない場合は、まずページを開いて、タグが完全かどうか、ヘッド部分のリンクが正しいかどうか、JS の順序が正しいかどうかを確認します。 、競合があるかどうか。

3. JS を書くとき、私は個人的に ff と Google の 2 つのブラウザを使用します。何か問題が発生した場合は、F12 を使用してコンソールがエラーを報告するかどうかを確認します。通常、デバッグには console.log().alert() を使用します。