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

2014-07-25 09:58:43 +08:00
 kokdemo
最近在做各种各样的手机网页……
每次做完之后,都得上线然后用手机访问来看效果。

所以我想问问,有没有那种可以在电脑上模拟各种手机屏幕大小效果的工具?
4560 次点击
所在节点    设计
21 条回复
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
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
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
电脑上模拟跟手机实地使用差天远。

你可以使用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没有啊

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/124405

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX