文档章节

移动端H5APP开发调试之Chrome远程调试

qinerg
 qinerg
发布于 2015/10/20 13:31
字数 386
阅读 6489
收藏 8

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

采用H5开发有一个好处就是可以用Chrome连上真机,直接调试,那真是神器啊。

除了Chrome Debug之外,也涌现出许多第三方开发的远程调试工具,诸如支持全平台调试的 Weinre 和Adobe Edge Inspect CC,国人自研的iOS专用工具MIHTool 等。但本人还是习惯于 Chrome,太方便了。

使用方法也很简单,只要真机的android版本在 4.4 以上,且开启了USB调试。

在Chrome中输入chrome://inspect 或者about:inspect,打开后DevTools后,确保打钩选中Discover USB devices。

如果USB连接成功,这时候我们可以看到移动设备的型号和设备上运行的页面和允许调试的WebView列表。找到需要调试的目标页面,点击inspect即可打开DevTools,点击reload可重新加载当前的调试页面,点击focus tab可将标签页置顶,close为关闭当前页面。更可以通过在输入框中键入网址新开一个页面。

注意:如果打开的页面为空白,则需要翻墙,确保 appspot.com 域名可以访问。提供一个可用的 hosts,64.233.162.141  appspot.com  

© 著作权归作者所有

共有 人打赏支持
qinerg

qinerg

粉丝 131
博文 15
码字总数 24206
作品 1
架构师
加载中

评论(1)

湖心亭看雪
湖心亭看雪
这个好像并不能调试一些应用软件里面的h5页面呀?
五个你必须知道的javascript和web 调试技术

Weinre 安装weinre 原理 Tips DOM断点 使用DOM断点 Tips javascript的debugger语句 使用javascript的断点 Tips 原生代码的hook调试 举个例子 Tips 远程映射本地调试 在前端开发中,调试技术是...

迷宫素描者
2013/12/18
0
0
移动端Web系列2 --- 调试

浏览器调试 chrome(V35.0.1916.153) 使用chrome deleloper tool模拟移动设备。注意,部分功能还是与真机有差别,所以还是建议开发完成后在真机中看一下效果。 打开方法 调出开发者工具(M...

见见
08/27
0
0
Chrome十岁了你只当它浏览器?这些神玩法知多少

不知不觉,Chrome浏览器也已经不算什么新锐牌子了。在2008年的9月初,Google发布了Chrome的首个版本,随后一路狂刷版本号,十年后的今天Chrome的版本号已经更新到了69。在狂刷版本号的同时,...

太平洋电脑网
09/08
0
0
使用Chrome开发者工具调试Android端内网页(微信,QQ,UC,App内嵌页等)

前言 移动端页面调试一直是好多朋友头疼的问题,iOS 由于其封闭的特性和整体较高的性能,整体适配相对好做,调试也由于 safari 的打通变得很方便。而 Android 系统,尤其是国内环境下的 Andr...

07/24
0
0
javascript和web 调试技术

在前端开发中,调试技术是必不可少的技能,本文将介绍五种前端开发必备的调试技术。 Weinre移动调试 DOM 断点 debugger断点 native方法hook 远程映射本地调试 Weinre 在移动上面开发调试是很...

那山那水
2014/03/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

多线程

1. 多线程概念。并发和并行的概念。 多线程指的是一段时间内cpu同时执行多个线程。一个程序至少运行>=1个进程,进程就是运行中的程序,而一个进程至少运行>=1个线程,线程是操作系统能调度的...

鱼想吃肉
21分钟前
0
0
HBase 表修复在线方式和离线方式

一、在线修复 1.1 使用检查命令 $ ./bin/hbase hbck 该命令可完整修复 HBase 元数据信息;存在有错误信息会进行输出; 也可以通过如下命令查看详细信息: $ ./bin/hbase hbck -details 1.2 ...

Ryan-瑞恩
45分钟前
1
0
redis 系列二 -- 常用命令

1.基础命令 info ping quit save dbsize select flushdb flushall 2.键命令 2.1 set 直接赋值 set a a 2.2 get 取值 get a 2.3 exists 是否存在 exists a 2.4 expire 设置剩余时间 秒 expire......

imbiao
今天
2
0
php foreach

<?php// 数组的引用$a=array(1,2,3,4,5);foreach($a as $key=>&$value){$value=$value*2;}print_r($a);echo " $key -------------------$value\r\n";/** * ...

小张525
今天
3
0
12-利用思维导图梳理JavaSE-多线程

12-利用思维导图梳理JavaSE-多线程 主要内容 1.线程概念 2.线程开发 3.线程的状态 4.线程的同步和死锁 5.Java5.0并发库类 QQ/知识星球/个人WeChat/公众号二维码 本文为原创文章,如果对你有一...

飞鱼说编程
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部