mac的safari浏览器调试h5

在h5开发移动端时，兢兢业业的开发的完成后，本地电脑测试，无bug，完美。在本身的新手机上测试，也没有bug，ok，交付。

然而，在测试阶段，bug来了，这个按钮怎么点击无反应？这个样式怎么不对？。。。明明没有bug呀，难道又是兼容性问题？头疼，究竟是什么缘由呢。

 

这个时候加入你在mac的Safari 浏览器上稍加调试，问题就出现了，咱们能够清晰的看到错误缘由和报错信息。ok，那就解决问题了。

具体怎么调试呢，看下方：

 

1、参考连接

ios开发者文档

safari开发者工具

remote debugging safari

2、设置iphone

设置 -> Safari -> 高级 -> 开启web检查器

3、设置mac

Safari -> 偏好设置 -> 高级 -> 勾选显示开发菜单

4、链接手机和电脑

一、用数据线，mac转接头把iphone和mac链接起来；
二、打开iphone的Safari浏览器中须要调试的网页；
三、打开mac的Safari浏览器，开发 -> 手机名称 -> 选择正在调试的网站；
四、选择元素，用电脑调试手机真机页面。

 

 

 

转载至：https://www.cnblogs.com/camille666/p/mac_safari_debug_ios_page.html