手机调试APP

2018年11月20日作者:井井客原创来源:原创

前端如何用手机调试APP,因为电脑存在差异,不一定每位童鞋都适用。

手机调试APP

这次主要说的是以前端为主开发的APP,类似于weex,有一个安卓/IOS壳,前端写完页面后将页面放到壳内存放前端页面的位置,再通过Android Studio或Xcode打包成APP。

调试安卓

使用谷歌浏览器,打开『chrome://inspect』,在设备下面点击inspect,会弹出一个调试界面,就和我们常用的浏览器调试工具差不多。

打开谷歌调试工具

使用谷歌调试工具

需要注意的就是这个功能可能需要翻墙,但是使用起来真的就跟我们调试普通网页一样~

调试IOS

相比调试安卓可能稍微麻烦一点点。就是我们需要这个包是用xcode直接打到我们手机上的,然后再使用safari进行调试。

用数据线连接你的手机,再在xcode中选择你的手机,点击左边的三角号,将包直接打到你的手机中。

ios打包到你的手机

手机打开APP,电脑打开safari浏览器,选择开发,并找到你的手机,这时能看到你APP页面的标题,点击就会弹出调试工具。

打开safari调试工具

safari调试工具界面

除了没有谷歌浏览器调试时候左则的手机界面预览效果,其它功能也是差不多的~感觉调试起来方便好多吧!

文章TAG:APP

本文标题:手机调试APP
本文链接:http://www.jingjingke.com/c/20351.html

上一篇:JS模拟抢红包
下一篇:Js判断2019年工作日休息日