iOS混合开发调试秘籍

来源:互联网 发布:淘宝怎么买图片空间 编辑:程序博客网 时间:2024/06/07 01:49

  在进行混合开发的时候(H5&&iOS),进行联合调试很是让我们开发者头疼,为了锁定问题所在,H5小伙伴没少打alert,我们这边也没少打log日志,很是麻烦,下面给大家说一下我的新发现。轻松解决混合开发中的调试问题。

1.不一样的safari

作为iOS开发者,我想大家对safari都不陌生,但是通过了解发现真正使用过,safari开发者功能的是少之又少。下面先给大家简单说一下safari的开发者功能。步骤 ->打开safari浏览器 ->选中工具栏中的safari中的偏好设置,如下图:
这里写图片描述
然后如下图:这里写图片描述
选中在菜单栏显示“开发”菜单

2,进入调试模式

一切准备就绪,先下载一个我两年前的一个混合开发的 小demo,带回就以这个demo来进行演示如何调试。demo 下载地址
1,运行程序,将打印出的脚本沙盒路径,复制粘贴到safari浏览器打开这里写图片描述
格式如下:

file://复制的沙盒路径

然后进入相关页面 选择在工具栏选择:开发->进入响应式设计模式->打开web检查器,然后按照下图的流程打断点就可以调试咯。

这里写图片描述

这里写图片描述

根据上图,大家就可以轻松愉快的进行调试了,而且即使是发布在web站点的,也可以哦,是不是特别的便利哦。

0 0
原创粉丝点击