在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 或者 ZenMate3.手机连接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 点击后,会将手机的页面投射过来。  

转载于:https://www.cnblogs.com/DennyZhao/p/7234800.html

android -chrome 调试相关推荐

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

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

  2. chrome android远程调试工作原理

    注意⚠️:本文为个人学习原理所翻译的文章,文中介绍的方法还未实践验证,不保证有效可用.目前仅进行了原理学习,后续会补充实际操作过程中遇到的问题. chrome android远程调试工作原理 Chro ...

  3. chrome调试h5移动端(含android,ios)

    chrome调试h5移动端 chrome调试(window+android) 需要条件:1.安卓开发人员需要对你页面调试得webview添加setWebContentsDebuggingEnabled ...

  4. android手机联调,安卓手机联调Chrome调试H5页面

    欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 文章目录 1 前言 2 debugx5.qq.com 3 手机连接电脑并打开开发者选项和USB调试 ...

  5. SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

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

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

  7. DCloud 使用chrome调试

    使用chrome调试 PC端Chrome可以调试安卓WebView与手机端Chrome网页,PC端调试移动端为开发定位问题提供了强有力的工具. Dcloud框架实现基于安卓组件WebView,使用ch ...

  8. MIUI开启开发者模式以及使用chrome调试移动设备上打开的网页

    想利用chrome自带的调试功能调试小米3上打开的页面. 需要以下配备 1 PC上装有chrome 2 小米上装有chrome(PC上chrome版本最好与小米上的chrome版本一致.) 3 小米U ...

  9. 使用Chrome调试微信内置浏览器

    微信现在采用的X5内核基于Chrome,我们可以通过Chrome调试微信内置浏览器. 在开始之前,需要准备一台带有Chrome浏览器的电脑,PC和Mac均可,然后需要一部安装有微信的Android手机 ...

最新文章

  1. 【Android UI设计与开发】第01期:引导界面(一)ViewPager介绍和使用详解
  2. 编译程序加不加 -lpthread 的区别【转】
  3. Python re(正则表达式)简明教程
  4. oracle备份还原采集,oracle 备份还原
  5. Linux学习之CentOS(二)--初识linux的一些常用命令
  6. (1)剑指Offer之斐波那契数列问题和跳台阶问题
  7. Linux正确查看内存占用
  8. mac trace traceroute 简要使用
  9. android 东软pda扫描适配_东软数字化医院解决方案
  10. 基于Python的西瓜数据集 3.0α的SVM实现
  11. PyTorch 1.x 常用知识
  12. 鸿蒙版瑞幸咖啡开发日记(四)咖啡详情页
  13. Idea设置全白色 背景
  14. 完整的机器学习_加州房价预测
  15. 禅道配置smtp发信没反应
  16. 数据结构4 Tree
  17. 百果园港交所上市:市值近百亿港元 80%营收来自加盟店
  18. 2020-11-23
  19. 计算机主机麦克风三个孔,台式机耳机和麦克风怎么通用一个插孔
  20. GSM Arena 魅族mx四核评测-个人翻译

热门文章

  1. Linux之问题详解(一):Linux怎么创建一个html文件通过CentOS部署html网站到服务器
  2. 隐马尔科夫模型(HMMM)
  3. 属性子集选择的基本启发方法_【数据挖掘笔记三】数据预处理
  4. html表格只设外边框,只设内边框
  5. WebGL 是什么?
  6. 操作系统实验:系统内存使用统计
  7. 修改jsp代码之后浏览器报500错误问题以及解决方法
  8. Nginx高性能Web服务器实战教程PDF
  9. 尤雨溪:VUE 3 之后会休息一下
  10. 尤雨溪:Vue Function-based API RFC