有没有更给力的移动端网页适配工具？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3803 天前的主题，其中的信息可能已经有所发展或是发生改变。

最近在做各种各样的手机网页……
每次做完之后，都得上线然后用手机访问来看效果。

所以我想问问，有没有那种可以在电脑上模拟各种手机屏幕大小效果的工具？

网页

工具

模拟

21 条回复 • 2014-09-11 14:25:04 +08:00

83f420984

2014-07-25 10:00:24 +08:00

chrome扩展:Viewport Resizer

niaoren

2014-07-25 10:03:02 +08:00

windows版的Safari 默认有iPhone模拟

cornelia

2014-07-25 10:03:31 +08:00

1.Opera Mobile Emulator
2.chrome27的F12有,但是chrome36的找不到
不保证准确,
试过在Opera Mobile Emulator中测试ok,但是在别人的小米2中有点偏了,

adeweb

2014-07-25 10:09:32 +08:00

IE11->F12开发者工具->仿真->显示，默认有4'、4.3'、4.5'的小屏幕分辨率，也可以自定义添加。

kingwrcy

2014-07-25 10:26:54 +08:00

firefox自带的响应式设计

随意调整大小

againstodds

2014-07-25 10:40:38 +08:00

xcode simulator 也可以

ChiangDi

2014-07-25 11:12:29 +08:00

Chrome 自带，截张图， http://img4.tuchuang.org/uploads/2014/07/Screenshot%20from%202014_07_25%2011:08:43.png

fan123199

2014-07-25 11:19:47 +08:00

Chrome 38 dev 的开发者选项（F12）有模拟器，功能还挺强大的

nightelf

2014-07-25 11:57:56 +08:00

最近发现这个，还不错，在微信内的webview也可以调试

nightelf

2014-07-25 11:58:13 +08:00

http://segmentfault.com/a/1190000000459296

NemoAlex

2014-07-25 12:01:24 +08:00

@fan123199 正解，目前最方便的就是这个了，还可以模拟慢速网络
使用 Canary 版 Chrome 就可以体验到

no13bus

2014-07-25 12:36:35 +08:00

@ChiangDi 这个好棒。还能调整显示尺寸

est

2014-07-25 13:51:59 +08:00

@no13bus Chrome 很早以前就有这个功能了

现在safari还能远程调试。

kokdemo

2014-07-25 14:24:53 +08:00

@fan123199 看到了，十分强大！！！

jakwings

2014-07-25 14:58:58 +08:00

Chrome 测试版那个工具楼主也看到了，不过测试版的渲染问题貌似挺多……我这经常缺一块或渐变动画部分失效。

kokdemo

2014-07-25 15:22:21 +08:00

@jakwings 我现在用的办法是在局域网里用手机来测一下……

dong3580

2014-07-25 15:25:47 +08:00

火狐，user-agent插件，可以自定义各种手机的user-agent测试访问效果，

Keinez

2014-07-26 07:55:46 +08:00 via Android

电脑上模拟跟手机实地使用差天远。

你可以使用chrome inspect或者adobe inspect。

cherryk4y

2014-08-08 13:50:43 +08:00

还是要在手机上实测，最好是。

huage

2014-09-11 14:23:53 +08:00

@kingwrcy 你是MAC版的吧，win下的firefox没有啊

huage

2014-09-11 14:25:04 +08:00

@kingwrcy 找到了，win版的firefox也有，在工具-web开发者中