如何用 iPhone 预览 mac 上开发的移动端网页 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
NonClockworkChen
V2EX    问与答

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

  •  
  •   NonClockworkChen 2017-06-19 13:01:27 +08:00 2264 次点击
    这是一个创建于 3088 天前的主题,其中的信息可能已经有所发展或是发生改变。
    不是远程调试,就是想方便地用 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     Solana     5101 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 09:21 PVG 17:21 LAX 01:21 JFK 04:21
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86