如何确保你的网站正常运行？

在你的浏览器中测试

如果你想知道你的网站是否正常运行，第一件要做的事就是打开你的浏览器并前往你想要测试的页面。

噢哦，图片去哪里了？

让我们看下我们的个人网站，http://demozilla.examplehostingprovider.net/。没有出现我们预期的图片！

打开 Firefox 的 Network tool (Tools ➤ Web Developer ➤ Network) 并重新加载页面：

这就是问题所在，位于底部的“404”。“404”意味着“资源未找到”，也就是我们无法看到图片的原因。

HTTP 状态

服务器在收到请求时会以一条状态信息作出响应。以下是最常见的状态：

200: OK

你请求的资源已递送。

301: Moved permanently

资源已被移到新的位置。你将无法在浏览器中看到，但了解"301"是件好事，因为搜索引擎利用这条信息更新它们的索引。

304: Not modified

文档在上次请求后没有再改动，因此你的浏览器可以从缓存中将其显示，从而缩短响应时间并提高带宽使用效率。

403: Forbidden

禁止向你显示资源。这通常与配置错误有关 (e.g. 你的托管服务提供商忘记授予你对目录的访问权限).

404: Not found

不言自明。我们接下来将会讨论如何解决这个问题。

500: Internal server error

服务器出了点问题。比如，也许是服务器端语言 (PHP, .Net, etc.) 停止工作，或者 web 服务器本身出现配置问题。通常，最好的方法是诉诸你的托管服务提供商的支持团队。

503: Service unavailable

通常是由于短期的系统过载造成的。服务器有一些问题，稍后重试。

作为初学者检查我们的 (简易) 网站，我们通常会处理 200,304,403 和 404。

修复 404

所以是哪里出错了？

乍一看，我们请求的图片似乎在正确的位置... 但是网络工具却出现了"404"的报错。事实证明我们的 HTML 代码中出现了错别字：unicorn_pics.png 而不是 unicorn_pic.png。所以，通过在你的代码编辑器中改变图片的 src 属性来纠正错别字。

保存，推送到服务器，并在你的浏览器中重现加载网页。

搞定！让我们再看一遍 HTTP 状态：

/ 和 unicorn_pic.png 的状态码为200，意味着我们成功加载了页面和图片。

basic.css 的状态码为304，意味着这个文件在上次请求后就没有再变动，因此浏览器可以在其缓存中使用该文件，而不是接收新的副本。

因此，我们修复了错误并且沿途了解了一些 HTTP 状态！