响应式网页设计测试表格因素和主流浏览器方法
文 / MT邹 / 2016-11-01
进行响应式网页设计的人员须知,如今客户使用设备多种多样,如iPhone和笔记本,iMac,Kindle和很多平板设备等,不同设备可能会使用不同的浏览器,并且每种表格因素和浏览器的组合都可能导致不同的页面渲染。并且这些行为可能在每个版本上都不太一样。
进行响应式网页设计的人员须知,如今客户使用设备多种多样,如iPhone和笔记本,iMac,Kindle和很多平板设备等,不同设备可能会使用不同的浏览器,并且每种表格因素和浏览器的组合都可能导致不同的页面渲染。并且这些行为可能在每个版本上都不太一样。
响应式网页设计
不过浏览器是免费的。如果你使用Windows平台,可以轻易地安装主流浏览器:Internet Explorer、Chrome、Firefox,然后使用免费工具,比如Browsershots,或者付费工具,比如CrossBrowserTesting,来检查网页在Safari上的外观。如果你使用的是Mac,可以安装除了Internet Explorer(IE)之外的所有浏览器,但是可以从Modern.ie上下载IE特定的虚拟机,从而简单地得到几乎所有版本的IE。
然后,“测试”工作就是去查看网页是否渲染正确,浏览所有的可选项,验证动态内容能否正常加载,看上去是否奇怪,并且执行并验证程序主逻辑。如果是房屋抵押应用程序,那么就去尝试新建一个抵押。如果是文字处理程序,就尝试创建一个文档,并且在测试过程中检查用户界面。平台方面,需要找出软件主要的使用者是谁。对于内部软件,用户使用笔记本,手机(Android和iOS),或者平板的可能性很大。建议购买每种主要类型的机器作为测试机型,这些费用相比整体开发成本而言应该是微不足道的。当测试团队等待所需的特定移动设备时,开发团队应该会愿意分享他们的手机和平板。
之后,考虑是否需要支持旧的浏览器,可能是为了公司客户,并且在这些设备上做程序主逻辑测试。在此期间,可能会发现可用性问题,如图片显示的地方不合适,或者页面“感觉”很奇怪,这可能不是个bug,但也可能是,可以把这些发现分享给团队。
文章由上海网站建设公司昭歌信息整理发布https://www.zhaoge.net/,转载请注明出处