safari调试iOS app web页面的步骤
更新时间：2017年06月21日 11:51:05 作者：Jaycee麦子
这篇文章主要为大家详细介绍了safari调试iOS app web页面的步骤，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
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 文件读写操作详解及简单实例的相关资料,需要的朋友可以参考下2017-04-04
这篇文章主要为大家详细介绍了iOS键盘自适应弹出效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了iOS13适配的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
UIWebView是iOS最常用的SDK之一，它有一个stringByEvaluatingJavaScriptFromString方法可以将javascript嵌入页面中，通过这个方法我们可以在iOS中与UIWebView中的网页元素交互2016-12-12
本篇文章主要介绍了iOS开发系列--详细介绍数据存取，详细介绍了IOS数据的存储问题，具有一定的参考价值，有兴趣的同学可以了解一下。2016-11-11
这篇文章主要介绍了IOS 开发之Swift 元组的实例详解的相关资料,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了ios实现文件对比的方法，主要是用到了filemanager，有需要的小伙伴可以参考下。2015-05-05
这篇文章主要介绍了IOS 屏幕适配方案实现缩放window的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要为大家介绍了iOS StoreKit 2 新特性盘点及要点解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了iOS App开发中使cell高度自适应的黑魔法详解,作者利用iOS8以后的新特性讲解了TableView、CollectionView中的cell高度自适应以及UITextView输入内容实时更新cell高度的方法,需要的朋友可以参考下2016-03-03
最新评论