文档章节

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

qinerg
 qinerg
发布于 2015/10/20 13:31
字数 386
阅读 6500
收藏 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

粉丝 130
博文 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
移动前端调试方案(Android + Chrome 实现远程调试)

一:背景 通常情况我们调试移动端页面最常用的方法就是:切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面 然后用手机打开要调试的页面 刷新页面查看调试结果 但是这就存在两个问...

frontman
2014/11/13
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

没有更多内容

加载失败,请刷新页面

加载更多

MySQL Replication 梳理详解

MySQL Replication 1 MySQL5.5以前的复制 异步、SQL线程串行化回放 MySQL内建的复制功能是构建大型,高性能应用程序的基础。主服务器将更新写入二进制日志文件,从服务器重新执行一遍来实现的...

PeakFang-BOK
6分钟前
0
0
.NET Core & ConsoleApp & appsettings.json

准备 Visual Studio 2017 .NET Core 2.1 新建控制台应用(.NET Core) 默认的 Program.cs // Program.csusing System;namespace ConsoleApp1{ class Program { static voi......

taadis
16分钟前
0
0
结合lucene谈谈日期的压缩问题

说起日期值的压缩,一般容易想到的办法是将日期转化成long类型,然后再通过变长整形进行压缩,我算了一下按照毫秒来算最多占用5个字节(可以通过“谈谈变长整型”中的表查看),确实节省了部...

FAT_mt
今天
1
0
导出私有函数与私有变量

在Go语言中, package中包含函数与变量通过identifier的首字母是否大写来决定它是否可以被其它package所访问。当一个函数或变量名称为小写字母时,默认是无法被其他package引用的. 有没有办法...

xtof
今天
1
0
new Date() 在Safari下的 Invalid Date问题

问题复现 var timeStr = '2018-11-11 00:00:00';var time = new Date(timeStr);// error: Invalid Date... 在safari浏览器下,time为Invalid Date, 导致后面代码执行错误; 其他浏览器诸...

会写代码的husky
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部