我不允许你还不知道这些手机调试html页面的技巧！

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

Tags 标签

加个好友，技术交流