404エラーをデバッグするための詳細情報を取得する方法

Aug 24 2020

私はウェブサイトを上演しています。すべてが正しく表示されているように見えますが、開発者ツールを開くと、2つの404エラーが発生していることがわかります(写真を参照)。このエラーを修正したいのですが、情報があまりありません。どの特定の要素がエラーを引き起こしているのかを見つける方法はありますか?これをデバッグするにはどうすればよいですか?

回答

4 NVRM Aug 27 2020 at 05:59

と呼ばれるタブの設定を探しますNetwork

そこから各要素のhttpステータスコードを確認するだけです。

これはFirefoxデバッガーのキャプチャであり、他のブラウザー開発ツールでも非常によく似ています。

1 SakibulIslam Aug 29 2020 at 03:21

短い答え:404エラー情報とhttps://www.webpagetest.org/

  • 情報提供(100–199)
  • 成功した応答(200〜299)
  • リダイレクト(300〜399)
  • クライアントエラー(400〜499)
  • サーバーエラー(500〜599)。

から https://developer.mozilla.org/en-US/docs/Web/HTTP/Status

1 HarshGoel Sep 01 2020 at 15:16

開発者ツールにアクセスして、[ネットワーク]タブを探します。

ここでは、HTTPステータス、ヘッダー、URL、リクエスト、レスポンスなどとともに、API呼び出しを伴うすべてのリソース呼び出しを見つけることができます。

問題が発生している特定のファイルについては、[ネットワーク]タブを参照してください。

URL、HTTPコード、応答を確認すると、問題の原因を特定して解決できます。

私に知らせてください、私がより良く助けることができるように、問題は正確には何ですか。

ravioli0111 Aug 31 2020 at 21:45

404ページを修正するために確認できるツールの一部を次に示します。

  1. Raventools
  2. デッドリンクチェッカー
  3. グーグルアナリティクス
  4. W3Cリンクチェッカー

**組み込みのブラウザ診断も役立ちます。