14.5　测试网页

14.5　测试网页

即使代码通过了验证，页面也仍然有可能不像预期那样工作，或者在某些浏览器中可以正常工作，在另一些浏览器中却存在问题。在不同的浏览器和平台对页面进行测试其实是很重要的。测试HTML页面的步骤如下：

（1）按照验证代码的方式对HTML和CSS进行验证，对提出的问题作出相应修改。

（2）在浏览器中打开需要测试的页面，确保整个页面和期望的一样。

（3）在不关闭浏览器中页面的情况下，打开有关的HTML和CSS文档，作出相应修改并保存，然后刷新页面查看修改的结果。

（4）重复步骤（2）～（3），直到实现预期结果。

（5）在其他浏览器中重复步骤（2）～（4）的步骤，确认在其他浏览器中也能达到预期目标。

（6）测试完毕。

在测试的过程中，检查是否达到了预期目标主要考虑以下几点：

①格式是否和预期一致；

②链接的URL是否指向了正确的页面或资源；

③CSS文件是否引用正确；

④插入页面的图像能否正确显示。

网页的测试是在其上传到服务器之前最后的步骤，推荐在上传之前对网站的本地文件进行完全测试。上传之后针对服务器上的版本对网站再次进行完全测试，以保证浏览者看到的版本显示没有问题。代码如下：

这个HTML文件通过了验证，但是它的显示效果和预期是不同的。这时检查代码发现问题指向CSS文件的链接，CSS文件的文件名为“style.css”，但是引用的时候却写成了“styles.css”，所以浏览器根本无法找到相应的CSS文档，所以预期的显示效果才没有出现，修改后页面会按照CSS文件的格式显示。正确效果如图14-7所示。

图14-7　正确效果