在chrome上 输入
chrome://inspect/
连接手机,配置 监听8000,和8080端口
cordova默认是8000端口
如果出现白屏:
原因:google在首次加载时,要进行服务器连接,因连接不上服务器从而出现加载不上。
解决方案:
1.通过在以下文件配置ip翻墙的方式。
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/ 中下载翻墙插件,安装到扩展应用中。扩展应用: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 点击后,会将手机的页面投射过来。
  

android -chrome 调试的更多相关文章

  1. Android 浏览器内 H5 电脑 Chrome 调试

    Android 浏览器内 H5 调试 chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试) adb 相关资源 adb shell(ADB Kits)下载 ...

  2. hbuilder在android手机里用chrome调试,只显示了设备名称,却没有inspect按钮

    stark 通过“菜单”->“工具”->“检查设备”打开设备检查页面,只显示了设备名称,却没有inspect按钮,要怎么办 1 赞2014-10-09 22:00 ============ ...

  3. 调试android chrome web page简明备忘

    必备工具 adb tools.android chrome 先开启手机调试模式 adb forward tcp:9919 localabstract:chrome_devtools_remote 成功 ...

  4. OkHttp+Stetho+Chrome调试android网络部分(原创)

    android网络调试一直是一个比较麻烦的部分,因为在不同序列的请求中,返回的数据会有不同的变化,如果能像web开发一样使用调试功能查看页面的访问数据该是多么美好的事情! 很幸运的是,现在Androi ...

  5. 移动端Chrome Inspect调试 (Android通过Chrome Inspect调试WebView的H5)(ios手机safari,chrome调试 windows)(如果inspect的时候,是空白)

    ios +chrome调试 引用https://segmentfault.com/a/1190000015428430 iTunes ios-webkit-debug-proxy-1.8-win64- ...

  6. Android+Chrome 真机调试H5页面实践

    前言 使用weinre在真机上调试H5页面,有一个突出的缺点,就是无法调试真机上的样式,真机上页面动态创建的dom在weinre的Elements面板显示不出来,所以调试真机上的页面样式也就无从谈起. ...

  7. Chrome调试模式获取App混合应用H5界面元素

    原文章地址http://blog.csdn.net/qq_19636353/article/details/53731254 浏览器的远程调试工具,使得我们可以通过PC上开启的控制台,调试手机浏览器中 ...

  8. Chrome调试手机页面

    新开发的网页需要在手机或是模拟机上运行测试,如果手头事件比加紧,那么可以借助 Chrome提供的手机网页预览程序进行简单调试.查看 制作的网页是否能够适合各种手机型号使用. 下面所以下如何使用Chro ...

  9. Chrome调试中的奇技淫巧

    网上有关Chrome调试的文章一搜一大堆,本文主要记录一下自己平时经常用并且又比较冷门的一些技巧. 打开Chrome调试工具 1.打开控制台的情况下,长按页面的“刷新”按钮可以选择按何种方式刷新(有正 ...

随机推荐

  1. 第2季:从官方例程深度学习海思SDK及API

    2.1.官方mppsample的总体分析2.1.sample的整体架构(1)sample其实是很多个例程,所以有很多个main(2)每一个例程面向一个典型应用,common是通用性主体函数,我们只分析 ...

  2. Vue 介绍

    1. 条件 效果图. 如果seen为false,文字将消失 2. 循环 script里定义数据 效果 3. 事件处理 效果如下图, hello world被逆转了

  3. Microsoft Dynamics CRM 2011 批量添加域用户 然后添加CRM用户

    一.先了解下 DSADD user命令详解 常见的批量创建用户的方法有四种: 一. 帐户模板的方式 二. CSVDE和LDIFDE 三. 脚本的方式 四. DSADD 但是很少有详细的资料使用DSAD ...

  4. Openwrt 3g模块

    支持Huawei E367 一.编译选项的选择 都选上 都选上 Network目录下 Utiles Luci 二.USB连接3G模块时,显示如下,表示成功 三.没找到:

  5. dede 添加自定义函数

    include/extend.func.php里添加函数 function GetTopTags($str){$dsql = new Dedesql(false);$row = $dsql->G ...

  6. 带你走进Linux(Ubuntu)

    类Unix系统目录结构 ubuntu没有盘符这个概念,只有一个根目录/,所有文件都在它下面 /:根目录,一般根目录下只存放目录,在Linux下有且只有一个根目录.所有的东西都是从这里开始.当你在终端里 ...

  7. vue 操作数组,原数组怎么不让它改变

    vue中肯定遇到过这个问题,想对数组操作,可是原数组又会改变,怎么办呢,提前copy一份能行吗, todo: [1,2,3,4,5], var arr = this.todo: 这样肯定不行的,那么肯 ...

  8. centos7安装Hive2.3.0

    1.下载Hive2.3.0 wget http://mirror.bit.edu.cn/apache/hive/hive-2.3.0/apache-hive-2.3.0-bin.tar.gz 2.解压 ...

  9. Qt5布局管理(一)——QSplitter分割窗口类

    转载:LeeHDsniper 概述 本文首先通过三个实例分别介绍Qt5的分割窗口QSplitter类.停靠窗口QDockWidget类.堆栈窗体QStackedWidget类,然后介绍布局管理器的使用 ...

  10. Mac 配置多jdk 随意切换

    1下载安装 jdk6:https://support.apple.com/kb/DL1572?locale=zh_CN 2配置环境变量 open .bash_profile export PATH=$ ...