关于前端:我不允许你还不知道这些手机调试html页面的技巧

35次阅读

共计 528 个字符,预计需要花费 2 分钟才能阅读完成。

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 的链接即可 

正文完
 0