天天看点

Safari实现对移动端H5页面调试

Debug模式

通过Safari实现对移动端H5页面调试。

在移动端App开发模块里使用h5页面展示可以加快开发速度,但是h5模块出现问题需要调试并不方便。通过Safari辅助功能,可以发现定位问题。

总结操作步骤如下:

  1. 手机 ->设置->Safari ->高级->JavaScript打开、Web检查器打开
  2. xcode工具通过usb连接手机,运行App
  3. 在App中点击进入到H5展示页面
  4. 在Mac上打开Safari浏览器: Safari浏览器->偏好设置->高级->勾选 “在菜单栏中显示“开发””菜单
  5. Safari浏览器->开发
Safari实现对移动端H5页面调试
Safari实现对移动端H5页面调试

控制台图形化界面区域调试

继续阅读