在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. Mac OS X 10.9.2 配置 jdk1.8.0_05 环境变量

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/gcvdsvb/article/details/24543543 首先到 oracle 站点下载 ss ...

  2. MongoDB初试备份及恢复

    MongoDB作为文档数据库,有 1.登录MongoDB官网,地址:https://www.mongodb.com/download-center#community  , 根据自己操作系统下载相应版 ...

  3. vue-cli 知识点

    vue init webpack [project_name] 构建的项目,新增功能需要做的工作: table th:first-of-type { width: 100px; } table th: ...

  4. drbd脑裂问题处理

    http://blog.csdn.net/heianemo/article/details/8439813 split brain实际上是指在某种情况下,造成drbd的两个节点断开了连接,都以prim ...

  5. JS判断IP的正则表达式

    <html> <head> <title>最简洁的IP判断正则表达式</title> <meta http-equiv="Content ...

  6. linux中set的用法

    功能说明:设置shell.语 法:set [+-abCdefhHklmnpPtuvx]补充说明:用set 命令可以设置各种shell选项或者列 出shell变量.单个选项设置常用的特性.在某些选项之后 ...

  7. WF4.0 基础篇 (一)开始使用WF

    来源:https://www.cnblogs.com/caosenianhuan/p/WF.html 最近公司要重新上线一套新的CRM系统,要重整老系统里的业务流模块,团队讨论已微软的workflow ...

  8. 新玩具,React v16.7.0-alpha Hooks

    周五看见React v16.7.0-alpha Hooks,今早起来看见圈里已经刷屏了Hooks,正好周末,正好IG和G2的比赛还没开始,研究下... 刚刚接触react时候非常喜欢用函数式组件,因为 ...

  9. Asio 注意事项

    本文列举 Asio 各种值得注意的细节. 另见:基于 Asio 的 C++ 网络编程 No Deprecated 在包含 Asio 头文件之前,定义宏 BOOST_ASIO_NO_DEPRECATED ...

  10. ThinkJava-复用类

    7 .2 继承语法 例子: package com.cy.reusing; import static com.java.util.Print.*; class Cleanser { private ...