iOS原生和H5交互调试技巧(Safari)

2019-10-18  本文已影响0人  守护浪漫的小香樟

我们在进行iOS开发的时候,经常会有嵌入H5页面的需求,这些需求通常会有和原生交互的逻辑,如果遇到调不通的情况通常会手忙脚乱,无从下手。此时有没有好的调试办法呢?


一、准备工作:

将Safari设置为开发模式:

设置开发模式

2、运行app打开要调试的H5页面后 打开Safari。选择开发- 选择设备-选择地址(地址有可能是多个,用鼠标滚动手机上面变蓝就点击选中的链接)Safari会展示调试界面

3、调试:选择调试器  有展示很多JS文件。在右上角搜索里面输入关键方法名(交互方法) 搜索到之后打上断点,   然后点击手机上要交互的按钮。会看到代码停在了断点处   和Xcode一样在左上角有下一步和跳过的按钮进行调试即可

二、至此H5原生调试即可使用。还有一个比较有用的就是网络,在网络模块二可以看到该网页都进行了哪些个接口请求。  

三、觉得有用就分享给身边的人吧!

上一篇 下一篇

猜你喜欢

热点阅读