且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

《HTML5+CSS3网页设计入门必读》——1.10 关于测试Web内容的提示

更新时间:2022-09-15 20:34:00

本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第1章,第1.10节,作者: 【美】Julie Meloni更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.10 关于测试Web内容的提示

无论何时把文件传输到Web服务器上或者把它们存放在可移动媒体上以便于本地浏览,都应该立即彻底地测试每个页面。下面的检查表有助于确保Web内容像你期望的那样工作。注意:此时,有一些术语你可能还不熟悉,但是在你逐步学习本书并创建更大的项目时,可以回过头来看看这个检查表。

  • 在传输文件之前,要在本地机器上测试它们,以确保链接都会工作,并且内容反映了你想要的视觉设计。在把页面传输到Web服务器或可移动设备上之后,要把它们都再次测试一遍。
  • 利用尽可能多的浏览器执行这些测试,Chrome、Firefox、Internet Explorer、Opera和Safari就构成了一个良好的列表,并且要同时在Mac和Windows两种平台上执行测试。如果可能,要在低分辨率(800×600像素)和高分辨率(1920×1080像素)下检查页面。
  • 在开始测试之前,要关闭Web浏览器中的自动图像加载功能,以便可以查看每个页面在没有图形时的外观。检查alt标签的消息,然后再打开图像加载功能以加载图像,并且再次仔细地检查页面。
  • 使用浏览器的字体大小设置,以不同的字体大小查看每个页面,如果用户利用他们自己的字体规范覆盖了你的字体规范,确保你的布局不会散架。
  • 等待每个页面完全加载完成,然后一直向下滚动,以确保所有的图像都出现在它们应该出现的位置。
  • 测定每个页面在加载时要花多长的时间。它要花几秒钟以上的时间才能加载完吗?如果是这样,那个页面上的信息是否有足够的价值,从而可以使用户在页面加载完之前不会去往别的地方?诚然,宽带连接很普遍,但是这并不意味着应该加载带有1MB图像的页面。

如果你的页面通过了所有这些测试,你就可以高枕无忧了,你的站点已经准备好被公众查看。