分享好工具: 前端开发工具 之 网页Resize工具: Viewport resizer
aisin · 2012-11-30 20:38:51 +08:00 · 3082 次点击这是一个创建于 4381 天前的主题，其中的信息可能已经有所发展或是发生改变。
在网页制作过程中, 我们有时需要查看页面在不同分辨率下的表现.
特别是当你开发的网页符合流行的Responsive design特性时, 我们需要查看pc, tablet, mobile 等各分辨率.
之前我一直是用web developer的 ‘Resize’ 功能来做这件事情的, 如下图:
直到今天我发现了另外一个给力的工具 – Viewport resizer.
1. Viewport resizer使用很简单
直接把这个按钮拖到浏览器书签栏即可
2. 使用效果
3. 更多自定义尺寸
Viewport resizer自带的尺寸不一定能够满足你的需求, 所以它也可以自定义添加其他类型的屏幕尺寸, 如图:
Viewport resizer 官方网站 http://lab.maltewassermann.com/viewport-resizer/
 |
1
NemoAlex 2012-11-30 20:59:20 +08:00
都是什么年代的东西了
Chrome Developer Tools Settings Overrides 可以笑而不语么 |
 |
2
loading 2012-11-30 21:21:07 +08:00
似乎这些工具只能测试比自己电脑最高分辨率小的设备
|
 |
5
andy12530 2012-12-01 01:42:43 +08:00  1
@aisin F12，然后点击右下角的图标，切换Tab，选择UserAgent Override，各种设备的屏幕都有，当然，你也可以自定义分辨率。
|
 |
6
RelativeLayout 2012-12-01 09:12:43 +08:00 1
FireFox的自适应设计视图 也能调节
 |
 |
7
aisin OP |
Select Language