iOS UIWebView与Javascript连调

在开发过程中经常需要UIWebView与JS交互,如点击网页中某个按钮需要跳转到原生的某个页面。但是小妹我碰到几次捕获不到JS给出的方法名称,提供方法名称的同事又不知道出了啥问题。。。好啦,不啰嗦了,言归正传,下面就讲讲小妹我是如何Debug的。

1、开启开发者模式

步骤:模拟器或者真机的设置->Safari->高级(Advanced)->Web检查器(Web Inspector)


iOS UIWebView与Javascript连调_第1张图片
这里写图片描述

iOS UIWebView与Javascript连调_第2张图片
这里写图片描述

iOS UIWebView与Javascript连调_第3张图片
这里写图片描述

2、开启电脑上的Safari开发者模式

步骤:Safari->偏好设置->高级->在菜单栏中显示“开发”菜单


iOS UIWebView与Javascript连调_第4张图片
这里写图片描述

iOS UIWebView与Javascript连调_第5张图片
这里写图片描述

3、模拟器或者真机打开当前需要调试的UIWebView加载的网页

4、打开电脑Safari,调试js代码

步骤:Safari->开发->simulator->当前需要调试的网页


这里写图片描述

调试页面如下:


iOS UIWebView与Javascript连调_第6张图片
这里写图片描述

好啦,下面就可以自行Debug啦。

你可能感兴趣的:(iOS UIWebView与Javascript连调)