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

[NonClockworkChen]

不是远程调试,就是想方便地用 iphone 真机看下效果

[awanabe]

开个 server 不就好了

[fytriht]

npm install http-server

[vvchen]

Safari 本身就可以模拟啊。
cmd + option + R （然后可以刷新一下）

[NonClockworkChen]

@vvchen 66666,我确实是因为 f12 丑的要命才有时想用真机的,Safari 这个真的好看....chrome 有类似的吗

[dremy]

chrome 可以安卓真机调试，效果和 PC 是差不多的很方便

[vvchen]

@NonClockworkChen Mac 下：Chrome 审查元素，然后 cmd+shift+M 切换普通模式和移动设备模式。切换到移动设备模式后，顶部可以选设备和尺寸。

[Tokin]

不过如果在同在一个网络环境下，不是可以直接访问内网 IP 吗？就算不在一个网络环境下，也可以内网穿透出去供设备访问的。。。

[cxbig]

确保电脑的 nginx 服务开通 0.0.0.0 访问
如电脑 IP 是 192.168.1.100，手机在同网段下可以直接访问这个 IP
如果 nginx 有多网站配置，把你想访问的网站设置成 default_server
如网站有域名重定向，把手机的 DNS 指向该电脑 IP，该电脑 hosts 里有配置相关域名指向本机即可

[mooczz]

Mac 自带 apache，配置一下就可以了

[jiangzhuo]

存成静态文件 传 iCloud 手机上打开

[nijux]

Browsersync

[NonClockworkChen]

@nijux 66666,已经在 sublime 上折腾过 livereload,你这个 npm 的还要炫酷,谢谢

[whitegerry]

终端 2 条命令:
cd /html
python -m SimpleHTTPServer

[lydasia]

mamp，或者用 Safari 自带的响应式设计模式。