iOS Safari调试iPhone设备上的网页

在开发过程中,我们经常会使用WebView去加载一个H5页面。有时候,我们想要去检查H5元素、查看H5源代码等等,这时候怎么办呢?不要慌,Safari帮你搞定~Safari调试功能可以轻松定位问题所在。
* APP内的WebView、iPhone上的safari都可以去调试检查。
* iPhone和Simulator都可以用此方法去调试检查

操作步骤

1.配置iPhone上的safari
  • 打开手机的设置
  • 找到safari并选择
  • 找到高级选项并进入
  • 将“网页检查器”开启
2.配置Mac上的safari
  • 打开mac的safari
  • 菜单栏中选择偏好设置
  • 找到高级的选项卡并选择
  • 勾选“在菜单栏中显示开发菜单”
配置Mac上的safari
3.调试、检查H5页面
  • 将iPhone或者模拟器链接电脑
  • 设备中打开你要检查、调试的H5页面或者网页
  • 打开mac的safari浏览器
  • 菜单栏中选择“开发”选项(步骤二后才会出现该选项)
  • 选择你的设备以及要检查的网址
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作为一名程序员,日常开发过程中少不了各种代码调试,这也是程序员的必备技能之一,今天便来简单的聊一聊iOS开发过程中...
    楚丶liu香阅读 6,377评论 0 1
  • 移动端开发过程中大量使用H5、js,而这些web页面的调试在Xcode控制台中不好调试。Safari浏览器来开启开...
    Pandakingli阅读 12,941评论 0 4
  • 前言: 我们在使用WebView或者是WkWebView加载html页面时,JS报错或者是html页面出现问题的时...
    退役程序猿阅读 5,836评论 0 0
  • 渐变的面目拼图要我怎么拼? 我是疲乏了还是投降了? 不是不允许自己坠落, 我没有滴水不进的保护膜。 就是害怕变得面...
    闷热当乘凉阅读 9,773评论 0 13
  • 感觉自己有点神经衰弱,总是觉得手机响了;屋外有人走过;每次妈妈不声不响的进房间突然跟我说话,我都会被吓得半死!一整...
    章鱼的拥抱阅读 6,556评论 4 5