美文网首页AppCan开发经验分享
使用Chrome浏览器调试AppCan应用

使用Chrome浏览器调试AppCan应用

作者: 望山观海 | 来源:发表于2017-09-02 13:55 被阅读26次

[TOC]

写在前面

此方法暂时仅支持Android 4.4以上系统。5.0以上效果更好。

准备

  1. 下载Chrome新版浏览器;

  2. 在打包平台中打包app时,config.xml中增加

<debug>true</debug>
  1. 使用版本为3.3以上的Android引擎打包。

方法

在Chrome地址栏输入

chrome://inspect

回车,顺利的话,你就看到正在运行的app所开启的页面了,想调试哪个,直接“inspect”吧。之后的调试方式就跟浏览器的“F12”一样了

ChromeInspect截图

说明

  1. 仅支持Android4.4以上系统。5.0以上效果更好。iOS暂不支持;
  2. 使用版本为3.3以上的Android引擎打包;
  3. 如果出现点击inspect对应页面时白屏问题,请尝试升级chrome浏览器;如果仍然不行,可能是ChromeInspect加载时需要初始化一些js数据,而因为众所周知的原因而无法连接,无法下载,可以尝试开启一下科学上网的VPN或者hosts等(一般不需要);
  4. 可以调试的主窗口和浮动窗口是属于两个页面分别调试的,这一点要考虑清楚;
  5. 打开inspect之后,调试方式与浏览器调试方法相同;
  6. 应用正式发布后一定要记得把debug开关关掉,防止别有用心的人分析你的应用;
  7. 正常情况下,可能仅支持系统内核的引擎,不支持X5和CrossWalk内核等(其他内核官方通常有相应的其他调试方式)。

相关文章

网友评论

    本文标题:使用Chrome浏览器调试AppCan应用

    本文链接:https://www.haomeiwen.com/subject/noxrjxtx.html