web网页测试注意事项

浏览器兼容性
浏览器兼容（360（极速模式、兼容模式）、谷歌、ie8、ie9、ie10、ie11、火狐、搜狗、猎豹、safari、遨游）
功能测试
（1）对比原型图测试。
（2）对比测试用例测试。

导航测试
　　不同的链接页面之间，通过考虑下列问题，
（1）是否易于导航，导航是否直观？
（2）web系统的主要部分是否可通过主页存取？
（3）web系统是否需要站点地图、搜索引擎或其他的导航帮助？
（4）对比设计图进行测试，是否和设计图有出入，（当设计图更改时是否，是否同步此信息）。
图形测试
　　图形包括图片、动画、边框、颜色、字体、背景、按钮等。
　　(1) 要确保图形有明确的用途，图片或动画不要胡乱的堆在一起，以免浪费传输时间，web应用系统的图片尺寸要尽量地小，并且要能清楚的说明某件事情。一般都链接到某个具体的页面。
　　(2)验证所有页面字体的风格是否一致。
　　(3)背景颜色与字体颜色和背景色相搭配。
　　(4)图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30k以下。
　　(5)演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在右边，不要因为使用图片而使窗口和段落排列古怪或者出现骨性。
内容测试
（1）内容是否正确。
（2）是否有错别字。
（3）语句是否通顺。
（4）相关文章是否一致，推荐文章是否一致。
表格测试
　　需要验证表格是否设置正确，用户是否需要向右滚动页面才能看见产品的价格？
　　把价格放在左边，产品细节放在右边是否更有效？
　　每一栏的宽度是否足够宽，表格里的文字是否都有折行？
　　是否因为某一格的内容太多，而将整行的内容拉长？
整体界面测试
　　整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如、当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？
　　对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。
　　对所有的用户界面测试来说，都需要有外部人员(与Web应用系统开发没有联系或联系很少的人员)的参与，最好是最终用户的参与。
　　Web界面测试中需要注意的细节问题：
　　1、界面的线条是否一致，每个界面中线条是否对齐，是否一致。(静态页面没有确认的情况下)
　　2、整个系统的界面是否保持一致
　　3、界面中是否存在错别字
　　4、界面所有的按钮样式是否一致
　　5、每个界面是否同原静态页面设计一致(静态页面确认的情况下)
　　6、操作是否友好
　　7、界面所有的按钮、下拉框是否有响应
　　8、界面所有的链接是否正常
　　9、界面所有的输入框是否都进行校验(例如、搜索框、字段输入框)
　　10、界面所有的列表页标题字是否会折行，标题字是否统一居中等，当然也可以居左，这需要同客户沟通(折行的话影响美观)
　　11、界面所有的展示图片是否样式一致
　　12、浏览器的兼容性问题，检查页面在不同浏览器下是否会发生异常
　　13、每个页面的提示字体的颜色、格式是否统一准确
　　14、界面中所有字段后面是否都存在冒号，有冒号，查看是否冒号为统一的中文冒号还是英文冒号。
　　15、界面中的提示说明叙述是否太啰嗦，有时候需要能简化尽量简化，并且字体显示格式一致，颜色统一。
16、在web网站，一般经常是后台控制前台的显示，因此在对后台进行数据添加时，查看前台是否有变化，并且查看界面的数据是否溢出框外。