Nginx 配置过的页面
1. 手机浏览器中查看本地环境的页面
电脑端 - 关上瓶子(Charles)[瓶子的设置及 iPhone 须要装置许可证,可自行百度配置~]
iPhone- 和电脑连贯同一 WiFi,并配置代理
电脑 IP + 8888 端口号(同瓶子设置的端口号)
2. 手机 app 中嵌套的 html 页面
手机端 - 设置 WiFi 代理
IP + 3000 端口号(同编辑器启动的端口号)
注:第二种是 native 会有设置环境及手机代理的中央,如果 native 没有该性能,请疏忽
3. iPhone 手机 safari 浏览器中的 html
很多时候咱们只有在手机端才可能领会到一些滑动卡动等 bug,然而又不分明是哪些元素款式设置影响的,这个办法能够在电脑端查看手机端元素~
设置:
iPhone 手机 —> 设置 —> safari —> 高级 —> 关上 web/ 网页 查看器
MAC —> safari 偏好设置 —> 高级 —> ☑️ 菜单栏显示“开发”菜单
原装 usb 链接 iPhone 和 MAC
利用:
iPhone Safari 关上任意网页(本地环境、测试环境都可),MAC 关上 Safari,点击菜单栏开发 --> 手机 --> 页面 就能够查看元素及实时更改款式~
Nginx 未配置过的页面
手机和电脑连贯对立 wifi
手机端配置 wifi 代理,而后关上电脑 ip 的链接即可