chrome调试webview

原创 2015年11月17日 22:26:34

1.来看下高大上的chrome://inspect 
通过它和USB,你可以调试andriod手机上的h5页面,非常的方便和强大。 它支持以下的调试: 1.浏览器tab页打开的h5页面 
2.webview里面打开的页面 
3.实时将你andriod设备的屏幕录制到你的开发机上 
4.通过port forwarding和virtual host mapping调试你自己的开发服务器

如果想要调试,你需要准备: 1.开发机上有chromne 32或以上版本(实验证明需要40以上的版本) 
2.用USB将设备连接到电脑上 
3.对于浏览器调试,需要andriond 4.0+及chrome for andriod 
4.对于app调试,需要andriod 4.4+及webview特殊配置 
PS:对于远程调试,需要你开发机上面的chrome版本比andriod设备上面的chrome版本新,为了保险,可以用 Chrome Canary(Mac/Windos)或者Chrome Dev channel release(Linux)

现在开始调试: 1.需要开启设备USB调试。 

2.将设备通过USB连接到电脑上

3.在电脑上的chrome打开chrome://inspect,这时候可以看到你的设备了: 

4.在设备的chrome中打开一个网站,变可以看到: 

点击“inspect”,便会启动一个devloper tools: 

所有chrome可以做的,这里都可以做,非常强大

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

移动端Web开发调试之Chrome远程调试(Remote Debugging)

近几年,浏览器厂商也纷纷推出自己的远程调试(RemoteDebugging)工具,比如Opera Mobile 可以借助其推出的跨设备跨平台桌面开发者工具Opera Dragonfly 实现远程调试,...

关于android客户端中webview调试的方法

远程调试android设备中的web页面,HTML / CSS / JavaScript。

调试Android WebView

调试Android WebView   从Android4.4(KitKat)开始,可以使用DevTools对原生Android应用程序的Android WebViews内容进行调试。 ...

Android 4.4 KitKat 使用Chrome DevTools 远程调试WebView

在Google最新发布的Android 4.4 KitKat移动操作系统中,其WebView(网页视图)组件做出了一个很大的变动:因为它现在是由Chromium驱动的。Google表示,这是对Andr...
  • t12x3456
  • t12x3456
  • 2013年11月08日 09:06
  • 32646

app移动端H5页面开发调试之Chrome远程调试

移动端采用原生开发还是H5开发一直接争论不休。但不论怎么说,采用H5开发app不仅仅快速高效,而且布局简单、漂亮,目前许多的框架已经可以做到让人看不出是原生还是H5开发了。 采用H5开发有一个好处就是...

使用Chrome DevTools调试安卓设备WebViews

一.摘要       移动端自动化脚本编写时,常常碰到混合型APP,这就涉及到对webview的处理。由于使用uiautomater不能直接对webview界面元素进行定位,这就需要我们借助其他工具...

利用 Chrome 开发者工具远程调试 Android 中的原生 WebView

之前写过一篇关于 Android Studio 断点调试技巧 的文章,但都是针对 Native 代码的调试,对于 Hybrid 开发模式下的 WebView 却无从下手。幸运的是,PC 中的 Chro...

WebView详解与简单实现Android与H5互调

混合开发就是在一个App中内嵌一个轻量级的浏览器,一部分原生的功能改为Html 5来开发。 优势:使用H5实现的功能能够在不升级App的情况下动态更新,而且可以在Android或iOS的App上同时运...

给定A, B两个整数,不使用除法和取模运算,求A/B的商和余数

给定A, B两个整数,不使用除法和取模运算,求A/B的商和余数。 1.   最基本的算法是,从小到大遍历: for (i = 2 to A -1)          if (i * B > A)...

利用K-means聚类算法根据经纬度坐标对中国省市进行聚类

K-means聚类算法是一种非层次聚类算法,在最小误差的基础上将数据划分了特定的类,类间利用距离作为相似度指标,两个向量之间的距离越小,其相似度就越高。程序读取全国省市经纬度坐标,然后根据经纬度坐标进...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:chrome调试webview
举报原因:
原因补充:

(最多只允许输入30个字)