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
之后就会出现调试页面，就可以根据需求来调试页面了。
移动端开发过程中大量使用H5、js，而这些web页面的调试在Xcode控制台中不好调试。Safari浏览器来开启开...
在移动web开发过程中，需要经常考虑调试的问题，以下将对如何在苹果手机的safari浏览器上调试H5页面进行介绍。...
iOS通过safari真机调试H5页面 - 简书
# Safari 断点调试—iOSiOS 系统内置 WebView 与 Safari 浏览器内核相同，我们可在 O...
APP中肯定会嵌入h5页面，h5 虽不是原生，但是不代表出了bug 和我们iOS开发没有关系，为了更高效的定位并解...
自带safari浏览器就可以调试，方法如下： 1.打开手机设置->safari浏览器->高级（拉倒最下方）->打开...
2. 在iOS设备的Safari 浏览器中，开启调试功能。具体步骤：“设置” – “Safari” – “高级” ...
第一种：safari 我们可以在浏览器上调试， 打开终端，cd到需要调试的项目 输入 ionic serve 当...
safari调试iPhone app web页面 Overview 当下移动端开发过程中大量使用前段H5、js等等...
需要写个静态Html，实现下载ipa，写完后发现在PC浏览器上功能正常，Safari却死活显示不出数据，苦于不知道...
本文标题：Safari 浏览器调试H5
本文链接：https://www.haomeiwen.com/subject/tzsrjktx.html
网友评论