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

【问题标题】：How to get more information to debug 404 error如何获取更多信息以调试 404 错误
【发布时间】：2020-12-12 17:32:42
【问题描述】：

我有一个网站。尽管一切似乎都正常显示，但打开开发人员工具显示我收到两个 404 错误（见图）。我想修复这个错误，但我没有太多信息。有什么方法可以找出导致错误的特定元素吗？我应该如何调试这个？

【问题讨论】：

【解决方案1】：

在设置中查找名为Network 的选项卡。

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

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

【讨论】：

【解决方案2】：

这里有一些工具可以用来修复 404 页面

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

【讨论】：

【解决方案3】：

进入开发者工具并寻找“网络”标签。

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

只需查看您遇到问题的特定文件的网络选项卡即可。

检查URL、HTTP代码、响应，你可以触发问题并解决它。

让我知道究竟是什么问题，以便我能提供更好的帮助。

【讨论】：