V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kokdemo
V2EX  ›  设计

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

  •  2
     
  •   kokdemo · 2014 年 7 月 25 日 · 4967 次点击
    这是一个创建于 4202 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近在做各种各样的手机网页……
    每次做完之后,都得上线然后用手机访问来看效果。

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


    firefox自带的 响应式设计

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

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

    你可以使用chrome inspect或者adobe inspect。
    cherryk4y
        19
    cherryk4y  
       2014 年 8 月 8 日
    还是要在手机上实测,最好是。
    huage
        20
    huage  
       2014 年 9 月 11 日
    @kingwrcy 你是MAC版的吧,win下的firefox没有啊
    huage
        21
    huage  
       2014 年 9 月 11 日
    @kingwrcy 找到了,win版的firefox也有,在工具-web开发者中
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   1439 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 16:27 · PVG 00:27 · LAX 08:27 · JFK 11:27
    ♥ Do have faith in what you're doing.