如何获取更多信息以调试404错误

Question

我上演了一个网站。尽管一切似乎都能正常显示，但是打开开发人员工具显示我得到了两个404错误（参见图片）。我想解决此错误，但没有太多信息。有什么方法可以找出导致错误的特定元素？我应该如何调试呢？

Answer 1

在设置中寻找名为Network的标签。

只需从那里检查http status code的每个元素即可。

这是Firefox调试器的捕获，在其他浏览器开发工具中的工作原理非常相似。

Answer 2

简短回答：this和404 error info

• 信息响应（100–199）
• 成功答复（200–299）
• 重定向（300–399）
• 客户端错误（400–499）
• 服务器错误（500–599）。

来自https://www.webpagetest.org/

Answer 3

进入开发人员工具，然后找到“网络”标签。

在这里，您可以找到带有API调用以及HTTP状态，标头，URL，请求，响应等的所有资源调用。

只需查看您面临问题的特定文件的网络标签即可。

检查URL，HTTP代码，响应，然后您可以触发问题并解决。

让我知道，这到底是什么问题，以便我可以提供更好的帮助。

Answer 4

以下是您可以用来修复404页的一些工具

1. Raventools
2. Dead Link Checker
3. Google Analytics
4. W3C Link Checker

**内置浏览器诊断功能也很有帮助。