开发者社区> 异步社区> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介:
+关注继续查看

本节书摘来自异步社区《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图像的页面。

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
基于HTML5和WebGL的碰撞测试
这是公司大神写的一个放官网上给用户学习的例子,我一开始真的不知道这是在干嘛,就只是将三个形状图元组合在一起,然后可以同时旋转、放大缩小这个三个图形,点击“Animate”就能让中间的那一个图元单独绕着某一个点旋转,表单最上方的“Axis”真的完全不知道拿来干嘛用的,觉得好累赘,而且是官网的demo,也没有解释。
719 0
《HTML5和JavaScript Web应用开发》——2.6 QA和设备测试
因为当前移动市场主要属于Android和iOS,进行基于WebKit的测试相当简单,我们可以像平常在桌面浏览器那样进行测试,然后在某个版本的WebKit支持的目标移动设备上运行。但是,在桌面版本的Chrome或者Safari上测试应用,并不意味着在所有基于WebKit的移动浏览器上都能正常工作,也不意味着WebKit能够完全代表移动Web。
903 0
浏览器HTML5支持程度测试
/********************************************************************* * 浏览器HTML5支持程度测试 * 说明: * 想知道对HTML5的支持只是浏览器的工作,和系统平台、硬件平台没有 * 太大的关系,当然如果要说渲染速度,那跟着两个又有关系,但仅仅站在 * HTML5的使用的角度来说,只需要关注浏览器对HTML5的支持程度就差不多了。
404 0
测试浏览器对html5支持
http://www.html5test.com/
326 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
WEB浏览器中即将发生的安全变化
立即下载
Serverless 开发实战--十分钟上线一个 Web 应用
立即下载
Web应用系统性能优化
立即下载