safari调试iPhone app web页面

2024-05-10 07:43:53

safari调试iPhone app web页面

date: 2016-09-09 09:36:29

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设置打开开发选项

safari调试iPhone app web页面相关推荐

嗯哼之 Safari 调试 iPhone Web Page
LZ-Says:勇敢说出来,虽然错过,但是总比不说要好.说出来错过了,还是幻想着某天可以继续默默守护,是么? 前言话说,近些日子一直处理集团官网开发中,前几日接到测试反馈,移动端某个页面兼容性有问题 ...
safari 调试打印刚加载界面时缓存的log信息 iOS Safari调试iPhone设备上的网页
文章目录 1.开启电脑端safari的调试 2.开启手机端iphone的safari调试 3.打印刚加载界面时的log信息:进入到要调试的网页后点击刷新(reload)就可以了 4.参考博客 1.开启 ...
safari 调试iPhone web页面
safari设置-打开Safari偏好者设置,选中"高级菜单",在页面最下方看到"在菜单中显示开发菜单"的复选框,在复选框内打钩,这样设置完毕就能在Safari ...
vConsole：针对手机网页的前端开发者调试面板,手机web页面console.log 功能，如 Chrome devtools 上一样。
vConsole:针对手机网页的前端开发者调试面板,移动短端console.log 功能,如devtools 上一样. 我们在开发手机版网页的时候,常常会出现下面的情景:开发时,在自己电脑上运行得好好 ...
iphone 打开safari调试
下面的博客,亲测有效 Safari 调试iPhone web页面(App为开发版)
在 iOS 模拟器中调试 Web 页面
转自:http://taobaofed.org/blog/2015/11/13/web-debug-in-ios/ 双十一大家"买买买"了吗?我猜你们要么是躺在沙发上,要么是躲在被 ...
ios safari 模拟器_iOS开发之Safari调试WebView页面
在iOS开发过程中,难免会加入html5页面来实现文章详情等等类似功能. 我们都知道火狐等PC浏览器有类似firebug,审查元素等工具来调试网页样式与脚本,查看请求参数与请求头等等. 在iOS开发中 ...
APP混合应用之web页面处理
一.手机应用简介目前主流应用程序大体分为三类:web APP(网页应用).hybrid APP(混合应用).native APP(原生应用) 二.hybrid应用切换方法切换方法:print(se ...
前端app调起摄像头只显示在页面_猫也能看得懂的教程之一分钟使用Vue搭建简单Web页面...
本教程适合人群: 已经了解过过html.js.css,想深入学习前端技术的小伙伴有前端开发经验.但是没有使用过Vue的小伙伴有过其他编程经验,对前端开发感兴趣的小伙伴学习本教程之后你将会: 了解 ...

最新文章

热门文章