码迷,mamicode.com
首页 > 移动开发 > 详细

iOS之safari调试iOS app web页面

时间:2017-06-19 12:54:23      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:share   post   tracking   java   article   工作   images   tar   技术分享   

Overview

当下移动端开发过程中大量使用前段H5、js等等技术,而这些web页面的调试在Xcode控制台中不太明了,经常我们移动app运行了就是方法,但是不能显示响应的效果,这时候或许就是已经报错了,但是我们在Xcode控制台是看不到这些错误。这时候我们就可以用功能强大的Safari浏览器来开启开发模式连接iPhone来调试app脸面的web页面了。

Safari设置

打开Safari偏好者设置,选中“高级菜单”,在页面最下方看到“在菜单中显示开发菜单”的复选框,在复选框内打钩,这样设置完毕就能在Safari菜单中看到开发菜单了

技术分享

iPhone设置

打开iPhone手机设置app 选择Safari,找到高级选项,有JavaScript开关web检查器开关,讲两个开关都打开

技术分享

调试

到此,准备工作完成。这时候讲iPhone链接到mac上,打开Safari浏览器,运行手机app里面的web页面,在开发菜单中选择连接的手机,找到调试的网页,就能在Safari里面调试了

技术分享

手机截屏

技术分享

Safari调试窗口

技术分享

Safari控制台

在Safari中鼠标右键,选择检查元素,就可以看见Safari控制台了。如果看不到检查元素选项,依照上面Safari设置打开开发选项

 
 

iOS之safari调试iOS app web页面

标签:share   post   tracking   java   article   工作   images   tar   技术分享   

原文地址:http://www.cnblogs.com/rglmuselily/p/7047814.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!