首页 > 技术文章 > android -chrome 调试

DennyZhao 2017-09-21 15:21 原文

在chrome上 输入
chrome://inspect/
连接手机,配置 监听8000,和8080端口
cordova默认是8000端口
如果出现白屏:
原因:google在首次加载时,要进行服务器连接,因连接不上服务器从而出现加载不上。
解决方案:
1.通过在以下文件配置ipFQ的方式。 C:\Windows\System32\drivers\etc\hosts文件中追加 61.91.161.217 chrome-devtools-frontend.appspot.com 61.91.161.217 chrometophone.appspot.com
然后重新启动chrome.
这种添加会使得所有的ip都会经过chrome的服务器,因此有时速度会很慢,可以在连接上之后再去掉上面的IP地址。
2.通过在chrome://apps/ 中下载FQ插件,安装到扩展应用中。扩展应用:chrome://extensions/
常用扩展组件:Tunnello 或者 ZenMate
3.手机连接chrome:
要想在电脑上看到信息,首先手机要进入开发者模式,且USB连接后,在电脑上能出现手机的连接信息,不能仅仅为充电。
同时手机先要进入页面后,再刷新chrome://inspect,稍等片刻即可。如果不行点击Open dedicated DevTools for Node。
  如果还不行,重新点击手机的USB调试,如果出现确认对话框,基本没问题。
4.手机访问:
如果手机应用连接电脑服务访问,因手机
是用的ip外网,电脑是内网,因此无法互相通信,可以共享wifi的形式,让电脑和手机共用一个wifi即可。
5. build成功却安装不上问题
有时手机之前安装app成功,但有时连接build可以,却安装失败,
  Error: Failed to install apk to device: [  0%] /data/local/tmp/android-debug.apk
原因有可能是新打的app的配置号跟原有的不符,或者签名等信息有变,因此需要将原有的卸载掉即可。
6. 如果在chrome://inspect 中始终无法看到app中的页面,那是有可能app版本为中式版,而非debug版。--正式版不可调试

题外内容:
 ADB(Android Debug Bridge)工具包 
起到调试桥的作用。借助adb工具,我们可以管理设备或手机模拟器的状态。
 adb工具包可自行下载adb工具包,如果电脑安装有android sdk,在plantform 下会有adb工具包。
   1. 手机上安装chrome,打开需要调试的网址,开启USB调试模式。
   2. cmd->进入adb工具包文件夹 -》 adb forward tcp:9222 localabstract:chrome_devtools_remote
   3. 在电脑上chrome下:localhost:9222 点击后,会将手机的页面投射过来。
  

推荐阅读