kokdemo
V2EX  ›  设计

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

  •  2
     
  •   kokdemo · Jul 25, 2014 · 5507 views
    This topic created in 4487 days ago, the information mentioned may be changed or developed.
    最近在做各种各样的手机网页……
    每次做完之后,都得上线然后用手机访问来看效果。

    所以我想问问,有没有那种可以在电脑上模拟各种手机屏幕大小效果的工具?
    21 replies  •  2014-09-11 14:25:04 +08:00
    83f420984
    83f420984
    Jul 25, 2014
    1
    chrome扩展:Viewport Resizer
    niaoren
    niaoren
    Jul 25, 2014
    2
    windows版的Safari 默认有iPhone模拟
    cornelia
    cornelia
    Jul 25, 2014
    3
    1.Opera Mobile Emulator
    2.chrome27的F12有,但是chrome36的找不到
    不保证准确,
    试过在Opera Mobile Emulator中测试ok,但是在别人的小米2中有点偏了,
    adeweb
    adeweb
    Jul 25, 2014
    4
    IE11->F12开发者工具->仿真->显示,默认有4'、4.3'、4.5'的小屏幕分辨率,也可以自定义添加。
    kingwrcy
    kingwrcy
    Jul 25, 2014❤️1
    5


    firefox自带的 响应式设计

    随意调整大小
    againstodds
    againstodds
    Jul 25, 2014
    6
    xcode simulator 也可以
    fan123199
    fan123199
    Jul 25, 2014
    8
    Chrome 38 dev 的开发者选项(F12)有模拟器,功能还挺强大的
    nightelf
    nightelf
    Jul 25, 2014
    9
    最近发现这个,还不错,在微信内的webview也可以调试
    NemoAlex
    NemoAlex
    Jul 25, 2014
    11
    @fan123199 正解,目前最方便的就是这个了,还可以模拟慢速网络
    使用 Canary 版 Chrome 就可以体验到
    no13bus
    no13bus
    Jul 25, 2014
    12
    @ChiangDi 这个好棒。还能调整显示尺寸
    est
    est
    Jul 25, 2014
    13
    @no13bus Chrome 很早以前就有这个功能了

    现在safari还能远程调试。
    kokdemo
    kokdemo
    OP
    Jul 25, 2014
    14
    @fan123199 看到了,十分强大!!!
    jakwings
    jakwings
    Jul 25, 2014
    15
    Chrome 测试版那个工具楼主也看到了,不过测试版的渲染问题貌似挺多……我这经常缺一块或渐变动画部分失效。
    kokdemo
    kokdemo
    OP
    Jul 25, 2014
    16
    @jakwings 我现在用的办法是在局域网里用手机来测一下……
    dong3580
    dong3580
    Jul 25, 2014
    17
    火狐,user-agent插件,可以自定义各种手机的user-agent测试访问效果,
    Keinez
    Keinez
    Jul 26, 2014 via Android
    18
    电脑上模拟跟手机实地使用差天远。

    你可以使用chrome inspect或者adobe inspect。
    cherryk4y
    cherryk4y
    Aug 8, 2014
    19
    还是要在手机上实测,最好是。
    huage
    huage
    Sep 11, 2014
    20
    @kingwrcy 你是MAC版的吧,win下的firefox没有啊
    huage
    huage
    Sep 11, 2014
    21
    @kingwrcy 找到了,win版的firefox也有,在工具-web开发者中
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5201 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 62ms · UTC 06:23 · PVG 14:23 · LAX 22:23 · JFK 01:23
    ♥ Do have faith in what you're doing.