注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

网易杭州 QA Team

务实 专注 分享 做有态度的QA

 
 
 
 
 

日志

 
 

常用测试工具介绍----浏览器分辨率切换  

来自oneday   2012-07-03 14:55:46|  分类: 功能测试 |举报 |字号 订阅

  下载LOFTER 我的照片书  |
在web测试或是flash测试中,通常会需要在不同的浏览器分辨率下测试,检查页面是否展示完整。
一般可以通过以下两种方式实现
一,调整屏幕分辨率。
可以通过在桌面上点击鼠标右键,然后选择属性。
常用测试工具介绍----浏览器分辨率切换 - 网易杭州QA - 网易杭州 QA Team
 在设置tab下可以切换不同的分辨率
这个方法相对来说比较麻烦。

二,通过直接调整浏览器的分辨率。

下面介绍不同浏览器下的不同插件。

1.IE
IE下可以使用ie developer toolbar。这款插件功能很强大,这里只介绍如何切换分辨率。
打开该插件以后选择tools -----resize,选择你要测试的分辨率,又或是自定义分辨率
常用测试工具介绍----浏览器分辨率切换 - 网易杭州QA - 网易杭州 QA Team


2.firefox
firefox下插件比较多,这边随便选择了一款。firesizer
安装完成后,需要在顶栏查看----工具栏-----选择附加组件栏,这时在浏览器右下角可以切换不同的分辨率。
常用测试工具介绍----浏览器分辨率切换 - 网易杭州QA - 网易杭州 QA Team
 根据需要还可以自定义不同的屏幕分辨率。

3.chrome
chrome下使用的是一款名为resolution test的插件,可以在chrome应用商店找到
 
安装完成以后可以在浏览器右上角找到。

常用测试工具介绍----浏览器分辨率切换 - 网易杭州QA - 网易杭州 QA Team
 可以同时打开一个或多个不同分辨率窗口。


总结:使用这些插件可以方便的切换浏览器分辨率,而不用去调整屏幕分辨率。

下面给几个由于分辨率问题导致问题的例子:

常用测试工具介绍----浏览器分辨率切换 - 网易杭州QA - 网易杭州 QA Team
 可以看到页面在较小分辨率(1024*768)下出现了横向的滚动条,这样会影响用户的浏览。


常用测试工具介绍----浏览器分辨率切换 - 网易杭州QA - 网易杭州 QA Team
 这个是在小分辨率的屏幕下部分按钮被遮挡了

我们在测试的时候要注意一下这些细节的问题,一般至少要支持1024*768的分辨率。



  评论这张
 
阅读(1303)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016