V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
NonClockworkChen
V2EX  ›  问与答

如何用 iPhone 预览 mac 上开发的移动端网页

  •  
  •   NonClockworkChen · 2017-06-19 13:01:27 +08:00 · 1809 次点击
    这是一个创建于 2502 天前的主题,其中的信息可能已经有所发展或是发生改变。
    不是远程调试,就是想方便地用 iphone 真机看下效果
    14 条回复    2017-06-19 20:12:40 +08:00
    awanabe
        1
    awanabe  
       2017-06-19 13:05:56 +08:00   ❤️ 1
    开个 server 不就好了
    fytriht
        2
    fytriht  
       2017-06-19 13:07:14 +08:00   ❤️ 1
    npm install http-server
    vvchen
        3
    vvchen  
       2017-06-19 13:16:33 +08:00 via iPhone   ❤️ 1
    Safari 本身就可以模拟啊。
    cmd + option + R (然后可以刷新一下)
    NonClockworkChen
        4
    NonClockworkChen  
    OP
       2017-06-19 13:37:12 +08:00
    @vvchen 66666,我确实是因为 f12 丑的要命才有时想用真机的,Safari 这个真的好看....chrome 有类似的吗
    dremy
        5
    dremy  
       2017-06-19 13:40:06 +08:00 via Android
    chrome 可以安卓真机调试,效果和 PC 是差不多的很方便
    vvchen
        6
    vvchen  
       2017-06-19 14:04:13 +08:00   ❤️ 1
    @NonClockworkChen Mac 下:Chrome 审查元素,然后 cmd+shift+M 切换普通模式和移动设备模式。切换到移动设备模式后,顶部可以选设备和尺寸。
    Tokin
        7
    Tokin  
       2017-06-19 17:21:33 +08:00
    不过如果在同在一个网络环境下,不是可以直接访问内网 IP 吗?就算不在一个网络环境下,也可以内网穿透出去供设备访问的。。。
    cxbig
        8
    cxbig  
       2017-06-19 17:31:04 +08:00   ❤️ 1
    确保电脑的 nginx 服务开通 0.0.0.0 访问
    如电脑 IP 是 192.168.1.100,手机在同网段下可以直接访问这个 IP
    如果 nginx 有多网站配置,把你想访问的网站设置成 default_server
    如网站有域名重定向,把手机的 DNS 指向该电脑 IP,该电脑 hosts 里有配置相关域名指向本机即可
    mooczz
        9
    mooczz  
       2017-06-19 18:21:57 +08:00
    Mac 自带 apache,配置一下就可以了
    jiangzhuo
        10
    jiangzhuo  
       2017-06-19 18:23:21 +08:00
    存成静态文件 传 iCloud 手机上打开
    nijux
        11
    nijux  
       2017-06-19 18:23:59 +08:00   ❤️ 1
    Browsersync
    NonClockworkChen
        12
    NonClockworkChen  
    OP
       2017-06-19 19:08:47 +08:00
    @nijux 66666,已经在 sublime 上折腾过 livereload,你这个 npm 的还要炫酷,谢谢
    whitegerry
        13
    whitegerry  
       2017-06-19 19:10:14 +08:00   ❤️ 1
    终端 2 条命令:
    cd /html
    python -m SimpleHTTPServer
    lydasia
        14
    lydasia  
       2017-06-19 20:12:40 +08:00
    mamp,或者用 Safari 自带的响应式设计模式。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4215 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 04:10 · PVG 12:10 · LAX 21:10 · JFK 00:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.