Safari 浏览器调试H5

APP中肯定会嵌入h5页面,h5 虽不是原生,但是不代表出了bug 和我们iOS开发没有关系,为了更高效的定位并解决错误,我们需要使用Safari浏览器来调试。

  • 首先设置iPhone手机为开发者模式
    【设置】 -> 【Safari】-> 【高级】-> 【网页检查器】


    101597806728_.pic_hd.jpg

    111597806752_.pic_hd.jpg
121597806770_.pic_hd.jpg
  • 设置mac 电脑上的Safari 为开发者模式


    偏好设置.png
image.png

之后你能在菜单栏中 看到‘开发’选项


image.png
  • 调试
    将手机和电脑连接,然后 运行程序,或者直接运行模拟器,打开要调试的h5页面,打开mac的Safari浏览器。
    【开发】-> 【设备名称】-> 【正在调试的网址】


    image.png

之后就会出现调试页面,就可以根据需求来调试页面了。

你可能感兴趣的:(Safari 浏览器调试H5)