ionic真机debug

有些时候,我们在测试过程中,需要测试插件效果,最好的办法就是到真机上去测试.真机测试也比较简单

1.安卓

安卓真机调试可以使用chrome浏览器,在地址栏输入:chrome://inspect, 连接成功,就会有如下显示,点击inspect ,进入调试界面,注意:第一次加载时,会白屏,这是在下载相应的资源文件,这里需要科学上网才行,并且只有debug包才能调试,签名包是无法调试的!

ionic真机debug_第1张图片
inspect

加载成功后,就会看到如下界面,和我们在浏览器上调试就一样了

ionic真机debug_第2张图片
加载成功

在这里有遇到个问题,就是在使用真机调试ionic liveload时,会有个鼠标放到变量上,变量不显示内容的问题,不知道是什么原因,如果有人知道,希望能告知

2.IOS

IOS 真机测试需要使用safari浏览器,这个就比较简单了,如使用模拟器,只需要开启浏览器的开发者菜单,调试界面也是和在浏览器上调试是一样的,不具体叙述

ionic真机debug_第3张图片
打开开发者菜单
ionic真机debug_第4张图片
调试
ionic真机debug_第5张图片
调试界面

你可能感兴趣的:(ionic真机debug)