您需要登录后才可以操作登录 | 立即注册
关闭
楼主
AppCan_小助
  • TA的每日心情
    开心
    2016-10-10 11:07
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]常住居民II

    [社区活动] AppCan尖课笔记(一)丨Chrome远程调试Android插件及应用 [复制链接]

    4573 5 发表于 2016-9-26 10:22:30

    Chrome是很多人都在用的浏览器,然而,如果你以为只能用它上上网、看看视频那你就错了!

    Chrome还可以在Android设备上实时调试Android应用(在线打包的也可以),比本地打包同步调试、alert()、log之类的方便很多,可以快速定位问题。

    需要做的准备工作1、Android 4.4+ 手机2、电脑安装Chrome  Canary最新版本3、USB数据线连接电脑和手机4、3.3以上Android引擎打包(最好使用最新引擎)5、打包app时,config.xml中增加<debug>true</debug>

    使用步骤

    1.打开USB调试
    在Android设备上,进入设置>开发者选项>勾选USB调试

    1.jpg

    注意:
    在安卓 4.2 及以后的版本中,默认情况下开发者选项是隐藏的。要启用开发者选项:选择设置>关于手机然后点击版本号7次。不同型号的手机开启USB调试可能有些不同,请根据自己的型号自行搜索一下。

    2.通过USB连接设备
    将手机和电脑用USB连接起来。(如果是windows下,需要安装对应的驱动)。

    3.在Chrome中开始调试
    手机端打开App(config.xml一定要配置<debug>true</debug>),在电脑端的Chrome里,地址栏输入chrome://inspect
    如果出现“No devices detected”,可能是驱动没有安装好,或者需要重新连接一下手机。
    正常情况下可以看到正在运行的app所开启的页面了。如下图:

    QQ20160921-0.png


    需要调试哪个页面,点击"inspect"。接着电脑会加载新的Developer Tools 页面,如下图:


    QQ20160921-1.png


    如果新的Developer Tools 出现空白或者一直处于loading状态,可能是网络问题,需要翻-墙。

    4.利用远程调试定位开发中的常见问题

    判断插件是否存在,或者插件有没有某个接口

    1)Dev Tools切换到“Sources”标签下,根据具体情况打上断点

    QQ20160921-2.png


    2)操作手机,让程序运行到断点的地方
    3)展开右侧边栏的“Scope”,点击Globa
    4)滑动到最底部,查看有没有对应插件(插件一般以“uex”开头)
    如下图,可以看到除了引擎的uexWindow等,只有环信插件uexEasemob

    QQ20160921-3.png


    5)接着点开uexEasemob,可以看到环信插件所有的接口。

    QQ20160921-4.png


    判断插件传参是否有问题:

    1)Dev Tools切换到“Sources”标签下,在调用接口的地方打上断点。2)让运行到断点地方,就可以很清楚的看到传给插件的值是多少,比alert或者console.log方便很多。

    QQ20160921-5.png


    3)在接口回调的地方打上断点,也可以很清楚的看到插件回调的数据到底是什么鬼。
    (下图是环信的发送消息之后的回调,可以看到是一个JSON格式的字符串,String类型)

    QQ20160921-6.png


    4)继续用上面的断点。把顶部的tab切换到”console“
    输入:console.dir(JSON.parse(data))
    可以看到data被转换成JSON对象之后的所有变量。

    QQ20160921-8.png


    常见问题

    点击inspect之后白屏:
    可能是因为被墙,需要采用正确的上网姿势:
    或者自行搜索其他翻-墙工具

    说明(特别重要)

    调试完毕打包发布版本时一定要将远程调试关闭,即删除config.xml中的<debug>true<debug>或者将true改为false。
    否则任何人都可以调试你的程序。

    按照以上的步骤,就可以轻松利用Chrome远程调试Andriod插件及应用。







    沙发
    hebang123456

    该用户从未签到

    显示全部楼层 发表于 2016-10-26 09:43:45
    学习了,感谢分享
    板凳
    osy
  • TA的每日心情
    开心
    2017-2-17 09:36
  • 签到天数: 29 天

    连续签到: 1 天

    [LV.4]偶尔看看III

    显示全部楼层 发表于 2017-1-20 09:28:15
    最近怎么调试不了呢
    5#
    谢先生不爱敲代码
  • TA的每日心情
    开心
    2017-4-27 17:41
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    显示全部楼层 发表于 2017-7-5 10:17:56
    我连接好了,可是没有出现那个inspect可以点击的,这个怎么弄?
    6#
    winshe

    该用户从未签到

    显示全部楼层 发表于 2017-7-20 10:41:44
    本帖最后由 winshe 于 2017-7-20 11:09 编辑

    学习了,感谢分享
    还有一些帖子被系统自动隐藏,点此展开
    主题:
    级别:游客
    发帖:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表