kokdemo
V2EX  ›  设计

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

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

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


    firefox自带的 响应式设计

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

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

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