如何将你的浏览器窗口设定到指定分辨率

在前端开发的时候测试自己的页面在各种分辨率下显示的情况估计是家常便饭了,而在高分屏下面测试低分辨率屏幕的显示效果估计是很多开发者头疼的事情,下面我就分享一些解决这个问题的工具和小技巧。

Firefox浏览器

推荐插件:Firesizer


Chrome浏览器

推荐插件:Window Resizer

介绍/安装地址:

IE浏览器

IE这块就没有啥插件了(顺便鄙视下M$),必须靠其他的方法解决问题:

在你的窗口运行JS代码即可设置到相关分辨率。

javascript:self.resizeTo(1024,768);

IE9以上的浏览器你可以在开发者工具里面的脚本控制台运行这个代码,立杆见影~!

IE9以下的的浏览器你可以让这个代码在页面上执行就行.

通用解决法A:

第三方软件 Sizer | Window Resizer

Sizer的下载地址

http://www.brianapps.net/sizer/

Window Resizer下载地址(这个软件是德语的,不过界面简单,相信你研究一下就能上手)

http://www.joerg-rosenthal.com/en/resize/download.html

这两款软件均可以帮助你将你指定的浏览器窗口设定到你需要的大小。

 

通用解决法B:

安装一个Windows虚拟机,装好你要测试的所有浏览器,调好分辨率去测试吧!!

如果看不到图片的话,请移步:http://be-evil.org/how-to-resize-your-broswer-window.html


  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值