android -chrome 调试
在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 调试的更多相关文章
- Android 浏览器内 H5 电脑 Chrome 调试
Android 浏览器内 H5 调试 chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试) adb 相关资源 adb shell(ADB Kits)下载 ...
- hbuilder在android手机里用chrome调试,只显示了设备名称,却没有inspect按钮
stark 通过“菜单”->“工具”->“检查设备”打开设备检查页面,只显示了设备名称,却没有inspect按钮,要怎么办 1 赞2014-10-09 22:00 ============ ...
- 调试android chrome web page简明备忘
必备工具 adb tools.android chrome 先开启手机调试模式 adb forward tcp:9919 localabstract:chrome_devtools_remote 成功 ...
- OkHttp+Stetho+Chrome调试android网络部分(原创)
android网络调试一直是一个比较麻烦的部分,因为在不同序列的请求中,返回的数据会有不同的变化,如果能像web开发一样使用调试功能查看页面的访问数据该是多么美好的事情! 很幸运的是,现在Androi ...
- 移动端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- ...
- Android+Chrome 真机调试H5页面实践
前言 使用weinre在真机上调试H5页面,有一个突出的缺点,就是无法调试真机上的样式,真机上页面动态创建的dom在weinre的Elements面板显示不出来,所以调试真机上的页面样式也就无从谈起. ...
- Chrome调试模式获取App混合应用H5界面元素
原文章地址http://blog.csdn.net/qq_19636353/article/details/53731254 浏览器的远程调试工具,使得我们可以通过PC上开启的控制台,调试手机浏览器中 ...
- Chrome调试手机页面
新开发的网页需要在手机或是模拟机上运行测试,如果手头事件比加紧,那么可以借助 Chrome提供的手机网页预览程序进行简单调试.查看 制作的网页是否能够适合各种手机型号使用. 下面所以下如何使用Chro ...
- Chrome调试中的奇技淫巧
网上有关Chrome调试的文章一搜一大堆,本文主要记录一下自己平时经常用并且又比较冷门的一些技巧. 打开Chrome调试工具 1.打开控制台的情况下,长按页面的“刷新”按钮可以选择按何种方式刷新(有正 ...
随机推荐
- leetcode -day28 Unique Binary Search Trees I II
1. Unique Binary Search Trees II Given n, generate all structurally unique BST's (binary search t ...
- 系列文章--从零开始学习ASP.NET MVC 1.0
从零开始学习ASP.NET MVC 1.0 (一) 开天辟地入门篇 从零开始学习 ASP.NET MVC 1.0 (二) 识别URL的Routing组件 从零开始学习 ASP.NET MVC 1.0 ...
- Java中File常用的方法汇总
创建:createNewFile()在指定位置创建一个空文件,成功就返回true,如果已存在就不创建,然后返回false.mkdir() 在指定位置创建一个单级文件夹.mkdirs() 在指定位置创建 ...
- seleniumWebdriver浏览器驱动信息汇总
selenium是thoughtworks公司开发的一款开源的测试工具,主要用来做web端的自动化测试. Python安装selenium,直接使用执行pip install selenium(pyt ...
- linux挂载SD卡
(1)通过#fdisk -l命令确认板子上的linux系统是否识别SD卡 MP805M板子插入SD卡后显示 SD30 slot is without WPmmc1: new high speed SD ...
- Array、ArrayList 区别
ArrayList可以算是Array的加强版,(对array有所取舍的加强). 存储内容比较(可包含元素的类型不同.数组要求存储同种类型): Array数组可以包含基本类型和对象类型, ArrayLi ...
- MapReduce-寻找三角形
在图中,如何判断三角形?三角形在很多场景都有应用,比如社交网络中确定人和人之间的关系. 那么如果通过代码逻辑来实现呢?在数据结构之图中,区分三联体(有一端没有关联关系的三角形)和三角形是关键:两者之间 ...
- ML(3): 贝叶斯方法
对于分类问题,我们每个人每天都在执行分类操作,只是我们没有意识到罢了.例如,当你看到一个陌生人,你的脑子下意识判断TA是男是女:你可能经常会走在路上对身旁的朋友说“这个人一看就很有钱.那边有个非主流” ...
- datacolumn 表达式 除数为0
dt.columns.add("avgp",typeof(decimal),"IIF(qty=0,0,price/qty)")
- Kubernetes集群安全配置案例
Kubernetes 系统提供了三种认证方式:CA 认证.Token 认证 和 Base 认证.安全功能是一把双刃剑,它保护系统不被攻击,但是也带来额外的性能损耗.集群内的各组件访问 API Serv ...