服务器之家

服务器之家 > 正文

safari调试iOS app web页面的步骤

时间:2021-03-19 15:17     来源/作者:Jaycee麦子

overview

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

safari设置

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

safari调试iOS app web页面的步骤

iphone设置

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

safari调试iOS app web页面的步骤

调试

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

safari调试iOS app web页面的步骤

手机截屏

safari调试iOS app web页面的步骤

safari调试窗口

safari调试iOS app web页面的步骤

safari控制台

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部