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

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

  •  2
     
  •   kokdemo · 2014-07-25 09:58:43 +08:00 · 4532 次点击
    这是一个创建于 3760 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近在做各种各样的手机网页……
    每次做完之后,都得上线然后用手机访问来看效果。

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


    firefox自带的 响应式设计

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

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

    你可以使用chrome inspect或者adobe inspect。
    cherryk4y
        19
    cherryk4y  
       2014-08-08 13:50:43 +08:00
    还是要在手机上实测,最好是。
    huage
        20
    huage  
       2014-09-11 14:23:53 +08:00
    @kingwrcy 你是MAC版的吧,win下的firefox没有啊
    huage
        21
    huage  
       2014-09-11 14:25:04 +08:00
    @kingwrcy 找到了,win版的firefox也有,在工具-web开发者中
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1972 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 00:27 · PVG 08:27 · LAX 16:27 · JFK 19:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.