测试你的网站

网站故障排除与测试

当您的网站表现不如预期时，系统性的故障排除是关键。本章将涵盖常见的网站问题，如“页面无法显示”错误，并介绍基本的网站测试概念。

场景：用户报告他们无法访问您的网站，或者您遇到像“页面无法显示”或“无法访问此网站”之类的错误。

检查互联网连接： 尝试访问其他网站，确保您自己的互联网连接正常工作。
尝试不同的浏览器/隐身模式： 浏览器扩展程序或缓存问题有时可能导致问题。在不同的浏览器或隐身/隐私窗口中测试有助于隔离此问题。
清除浏览器缓存和Cookie： 过时的缓存文件可能导致显示问题。
检查浏览器开发者工具： 打开浏览器的开发者工具（通常按 F12 键）。“Console”（控制台）选项卡可能显示 JavaScript 错误，“Network”（网络）选项卡可以显示资源加载失败或 HTTP 错误代码。
是否对所有人来说都无法访问？ 使用像 downforeveryoneorjustme.com 这样的服务检查网站是全球范围内无法访问，还是仅您一人无法访问。

DNS（域名系统）问题可能阻止浏览器找到您的服务器。如果您看到“Ping request could not find host yourdomainname.com”（如下图所示）或类似的错误，这表明存在 DNS 解析失败。

使用 ping： 打开命令提示符（Windows）或终端（macOS/Linux），输入 ping yourdomain.com。如果无法找到主机，则存在 DNS 问题或服务器已宕机。
使用 nslookup 或 dig： 这些工具提供更详细的 DNS 信息（例如，nslookup yourdomain.com）。检查返回的 IP 地址是否正确。
DNS传播： 如果您最近更改了 DNS 记录（例如，迁移到新的主机），更改可能需要长达 48 小时才能在全球范围内传播。

成功的 ping，如下图所示，表明 DNS 解析正常，并且您的服务器可在网络上访问。

数据库连接错误： “建立数据库连接时出错”之类的错误（WordPress 中常见，可能如下图所示）意味着您的网站无法与其数据库通信。检查您网站配置文件（例如，wp-config.php）中的数据库凭据（用户名、密码、主机、数据库名），确保数据库服务器正在运行，并且数据库用户具有正确的权限。
HTTP错误代码： 请注意 HTTP 状态码：
- 404 Not Found（未找到）： 请求的资源（页面、图片）在服务器上不存在。检查 URL 是否有拼写错误，确保文件位于正确的位置，并查看服务器配置（例如，Apache 的 .htaccess 规则）。下面的图片显示了一个 404 页面示例。
- 500 Internal Server Error（内部服务器错误）： 一个通用的服务器端错误。检查服务器错误日志（Apache、Nginx、PHP错误日志）以获取具体详情。这可能是由于脚本错误、文件权限不正确或资源限制引起的。
- 502 Bad Gateway（错误的网关）/ 503 Service Unavailable（服务不可用）/ 504 Gateway Timeout（网关超时）： 通常表示上游服务器、代理或服务器过载的问题。
检查服务器日志： 您的 Web服务器（Apache、Nginx）和应用程序（PHP、Node.js 等）日志对于诊断服务器端问题非常宝贵。它们通常提供详细的错误信息。

如果您遇到如下图所示的 404 错误（未找到），请确保您站点的目录结构正确，并且 Web 服务器配置为从指定的根文件夹（例如，public_html 或 www）提供文件。

除了故障排除，主动测试对于优质网站至关重要。主要的测试类型包括：

功能测试： 验证所有功能（表单、链接、按钮、用户注册等）是否按预期工作。
可用性测试： 评估网站对用户而言导航和达成目标的易用性和直观性。
兼容性测试： 确保网站在不同 Web 浏览器（Chrome、Firefox、Safari、Edge）、设备（桌面、平板电脑、移动设备 - 响应式设计）和操作系统上正常显示和运行。
性能测试： 衡量网站速度和响应性。Google PageSpeed Insights、GTmetrix 和 WebPageTest 等工具可以识别影响加载时间的瓶颈。
无障碍测试（A11y）： 检查网站是否可供残障人士使用，遵循 WCAG（Web内容无障碍指南）。
安全性测试： 识别并减轻潜在的安全漏洞（例如，XSS、SQL injection）。这可以从基本的检查到全面的渗透测试。