今天碰到一个很神奇的事情,以前都好好的平板或者手机上都能用的站点,突然部分js失效不能用了,这让我很困惑,因为在desktop上访问页面一点问题也没有,即使是加了启动参数模拟移动设备的Chrome也没有问题。好吧,我首先想到的是查看下手机浏览器收到的源代码,在查看怎么看源代码的过程中发现FireFox和Chrome都可以进行远程调试,喜大普奔!由于我们的站点需要且仅需要支持Chrome就可以了,果断地安卓Chrome debug起来。谷歌你真棒!

远程调试安卓版CHROME中WEB程序

远程调试安卓版CHROME中WEB程序


下面记录一下过程:

首先下载最新版的PC版Chrome(要求Chrome 32及以上)和手机版Chrome(需要Android 4.0系统及以上),然后把手机连到电脑上,这个连接不是插上USB就好了,要装驱动,具体步骤要看各型号手机,装不上的可以百度“手机型号 驱动”

adb devices

打开手机开发者选项,打开USB调试,连上USB线,装好驱动,当你的设备出现在上图的list中时说明你的设备已经连接上了,我坑爹的双12抢到的大基伍A800死都连不上公司的电脑,最后拿出自己曾经的上网本终于搞定。哦,上面的adb工具:点此下载。不会用这个的你一定不需要这个远程调试。

打开Chrome的发现USB设备功能

打开Chrome的发现USB设备功能

通过菜单->工具->检查设备或者直接访问chrome://inspect打开Chrome的设备列表页,然后打开手机Chrome访问(百度)就能够在列表页看到设备信息了

DevTools

看到inspect了吗?接下来一切都懂了吧~看到那个Paused in debugger有没有很眼熟?

debugging

什么?你跟我一样打开inspect什么都没有?
那我们继续,在命令行里面输入adb forward tcp:9222 localabstract:chrome_devtools_remote,这估摸着是为了做端口映射的,然后在PC Chrome中访问http://localhost:9222/ 你会得到如下的页面:

inpestable pages

这边会列出所有你已经打开了的页面,点击要debug的页面会得到一个类似https://chrome-devtools-frontend.appspot.com/serve_rev/@178678/devtools.html?ws=localhost:9222/devtools/page/8的地址的页面,可悲的是appspot.com被墙了,坑爹的GFW真闹心!挂上VPN或者great agent(因还够稳定,所以至今未做介绍,前身是goagent,新项目地址https://github.com/greatagent/greatagent/wiki 需要的自行研究,可参考我之前写的关于goagnet的文章)直接访问即可。

什么!!你还是跟我一样一片空白??

blank

如图点开,加载不安全(Orz)的脚本即可。

附上Google的官方介绍:https://developer.chrome.com/devtools/docs/remote-debugging(需开墙)
这是Firefox的: https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android

除非注明,电脑·生活文章均为原创,转载请以链接形式标明本文地址
本文地址:http://www.wangjie.name/remote-debug-android-chrome.html


6 Comments

  1. Posted 2014 年 8 月 3 日 at 上午 7:02 | Permalink

    对程序 不是太了解啊

  2. Posted 2014 年 8 月 13 日 at 上午 8:29 | Permalink

    实在是高手。

  3. 竖窑
    Posted 2014 年 8 月 18 日 at 上午 10:17 | Permalink

    掐指一算,你很有天赋。

  4. 活性石灰窑
    Posted 2014 年 8 月 18 日 at 下午 9:18 | Permalink

    这看上去帅呆了!

  5. Posted 2014 年 11 月 23 日 at 下午 3:09 | Permalink

    Android还有这功能

  6. Posted 2017 年 7 月 19 日 at 下午 5:21 | Permalink

    极客

发表评论

电子邮件地址不会被公开。 必填项已用*标注

^_^ :yawn: :wq: :wink: :trap: :spit: :sleepy: :shy: :roll: :righthh: :poor: :pig: :panic: :oops: :mrgreen: :lust: :lol: :lei: :lefthh: :kiss: :jq: :hush: :heng: :han: :grin: :grievance: :good: :fuck: :fight: :down: :dizzy: :despise: :curse: :cry: :cry2: :crash: :cool: :co: :ca: :bye: :booger: :bigqiu: :beat: :angry: :almostcry: :?: :-x :-o :-P :-D :( 8| 8-O 8) 0.0