ios safari 模拟器_iOS开发之Safari调试WebView页面

在iOS开发过程中，难免会加入html5页面来实现文章详情等等类似功能。

我们都知道火狐等PC浏览器有类似firebug，审查元素等工具来调试网页样式与脚本，查看请求参数与请求头等等。

在iOS开发中，这些网页检查器功能也是存在的(无论是模拟器还是真机)，我们需要用到Mac自带的浏览器Safari。所以，本文将讲解如何使用Safari对iOS程序中的WebView进行调试。

1. 打开模拟器/真机的开发者模式(模拟器是默认开启的)

"设置"->"Safari"->"高级"->"Web检查器" 打开

2. 打开Mac上Safari的开发者模式

开启 Safari ->“偏好设置” -> “高级” -> “在菜单栏中显示开发选项”

4. 在模拟器／真机中打开APP中的WebView页面，并打开Safari

当有WebView加载网页时，打开Mac Safari调试模式网页检查器。 “开发” ->“Simulator或者你的真机名称” ->“网页文档名称”

在弹出的网页检查器中，可以看到当前正在加载网页的各种信息，包括元素源码、网络、资源与脚本、控制台输出等。并且它和Web前端的调试方式相同，你可以直接修改网页的CSS样式，对网页布局源码等进行修改，使用调试器进行脚本调试，而不需要重新运行整个APP。

JSPatch调试

JSPatch与WebView有点不同，

当有JavaScriptContext加载时，打开Mac Safari调试模式网页检查器。 “开发” ->“Simulator或者你的真机名称” ->“JSContext”。

在资源tab中即可进行断点调试了

调试器tab中也可以进行单步调试等详细工作

资源

所有资源列出了 JSPatch 所有执行中的脚本文件，点开文件后可以对其进行断点调试。(有时候调试器tab识别的文件不全)。

通过 [JPEngine evaluateScript:script] 接口执行的脚本，在资源列表里都表示为 main.js。

通过 [JPEngine evaluateScriptWithPath:filePath] 接口执行的脚本，在资源列表里会以原文件名表示。

最后如果还不出现Simulator或者你的真机名称，尝试重启Mac Safari！！！

enjoy it！

ios safari 模拟器_iOS开发之Safari调试WebView页面相关推荐

ios textview间距_iOS开发之UITextView，设置textView的行间距及placeholder
一.设置textView的行间距 1.如果只是静态显示textView的内容为设置的行间距,执行如下代码: //textview 改变字体的行间距 NSMutableParagraphStyle *p ...
ios即时通讯客户端开发之－mac上搭建openfire服务器
CHENYILONG Blog ios即时通讯客户端开发之-mac上搭建openfire服务器转自:月光的尽头 ios即时通讯客户端开发之-mac上搭建openfire服务器一.下载并安装open ...
tableview插入刷新_iOS开发之UITableView与UISearchController实现搜索及上拉加载，下拉刷新实例代码...
废话不多说了,直接给大家贴代码了. 具体代码如下所示: #import "ViewController.h" #import "TuanGouModel.h" ...
安卓IOS客户端调试webview页面的方法，支持实时预览
调试方式手机模拟器调试真实手机调试,安卓和IOS都可以注意事项混合开发的时候经常要用到调试功能,调试webview方法有很多种: 直接让客户端把地址修改成本机ip地址,客户端重新出调试包通过 ...
ios 不被遮挡阴影_IOS开发之Bug--iOS7View被导航栏遮挡问题的解决
在实际开发中,遇到在UITextView的frame等于当前控制器的View的frame的情况下,然后运行的时候,发现控制器的Frame的高度y值会从导航条的位置64变化到0. 导致UITextVie ...
ios安卓模拟器_iOS模拟器来了？苹果大一统时代会对游戏行业造成哪些冲击？
北京时间6月23日凌晨1点,苹果WWDC20全球开发者大会首次以"录播"的形式进行了线上放送.会上,最值得关注的无疑是坊间早已传闻多年的苹果Mac自研芯片"Apple S ...
safari打不开cookies_IOS safari浏览器登陆时Cookie无法保存的问题
这篇文章引用了:http://www.cnblogs.com/Smiled/p/7661081.html 近期完成了一个儿童的测评项目,测试到最后的时候发现在ipad mini上登陆成功之后无法跳转页 ...
ios安卓模拟器_IOS全球首款手游模拟器，牛逼哄哄但没有卵用！
分享IOS和MAC少有人知的软件 100000+果粉都在看关注 1 黑雷模拟器是什么? 最近看到很多平台都在发布这款苹果模拟器,看了很多文章不得不说都是一些假果粉,很多应该就是为了蹭热点,对这 ...
android开发之eclipse调试debug模式详解
之前我写了一个相关的帖子,但是今天看了一个还是写的比我详细,于是我拿过来和大家分享. 1.在程序中添加一个断点如果所示:在Eclipse中添加了一个程序断点在Eclipse中一共有三种添加断 ...

ios safari 模拟器_iOS开发之Safari调试WebView页面

ios safari 模拟器_iOS开发之Safari调试WebView页面相关推荐

最新文章

热门文章