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.打开控制台的情况下,长按页面的“刷新”按钮可以选择按何种方式刷新(有正 ...
随机推荐
- ory Oathkeeper Ecosystem
ory Oathkeeper 生态包含的组件 ORY Hydra is an OAuth 2.0 and OpenID Connect provider. ORY Oathkeeper is an I ...
- [DL] 基于theano.tensor.dot的逻辑回归代码中的SGD部分的疑问探幽
在Hinton的教程中, 使用Python的theano库搭建的CNN是其中重要一环, 而其中的所谓的SGD - stochastic gradient descend算法又是如何实现的呢? 看下面源 ...
- Thread.currentThread()与this的区别
Thread.currentThread()与this的区别: Thread.currentThread()方法返回的是对当前正在执行的线程对象的引用,this代表的是当前调用它所在函数所属的对象的引 ...
- HttpPostedFile类
在研究HttpRequest的时候,搞文件上传的时候,经常碰到返回HttpPostedFile对象的情况,这个对象才是真正包含文件内容的东西. 经常要获取的最重要的内容是FileName属性与Sava ...
- thinkphp 3.2.3在nginx+php下的url重写配置经验
环境:centos7.2+lnmp1.3(nginx+php7.0+mysql5.5) 进入服务器配置路径:cd /usr/local/nginx/conf/nginx.conf 修改nginx.co ...
- visual studio 2010 c++ fatal error LNK1123: 转换到 COFF 期间失败: 文件无效或
解决方案: 1,在项目 上 选择 “视图”- “属性页” 2,选择 “配置属性” - “清单工具” - “输入输出”,将 “嵌入清单”的值设置为 “否”
- Mono.Cecil 修改目标.NET的IL代码保存时报异常的处理。
使用Mono.Cecil对目标.NET的DLL程序进行IL修改后保存时报“Failed to resolve assembly: ' xxxxxx, version=xxxxx,Culture=xxx ...
- WinForm 打开文件夹
string path="c:\windows"; Process.Start("explorer.exe", path);
- maven教程基础
一.Maven介绍 我们在开发项目的过程中,会使用一些开源框架.第三方的工具等等,这些都是以jar包的方式被项目所引用,并且有些jar包还会依赖其他的jar包,我们同样需要添加到项目中,所有这些相关的 ...
- windows下Nginx反向代理服务器安装与配置
感谢慕课网Geely老师的讲解,本人将Nginx进行如下的总结. Nginx是一款轻量级的Web服务器,也是一款反向代理服务器,其主要特点:高稳定, 高性能,资源占用少功能丰富,模块化结构 支持热部署 ...