使用firefox与安卓模拟器对网页进行远程调试

本篇教程转载于:南方博客

由于手机上没有鼠标,也没有firebug工具,所以遇到问题怎么调试呢?
在近几年的firefox chrome中,都提供了基于手机"usb调试"的远程调试功能。比如在手机firefox上打开网页,在电脑的firefox中进行调试。
下面以firefox举例:
1.安装手机的usb驱动
由于此功能都是基于手机的"usb调试"功能,所以需要使用手机驱动连接手机与电脑。ps:猜测底层的实现是adb。
将手机usb插入电脑,360全家桶和腾讯全家桶会自动给你安装上各种手机管家,这些管家会自带驱动。如果嫌麻烦,可以自己去安装一个碗豆夹之类的。以华为手机为例,可以安装一个官方的hisute,广告会少得多。

2.打开手机usb调试
打开安卓手机的“开发人员选项”,勾上"usb调试"。如果找不到,去百度一下。

3.手机端firefox启用usb调试
firefox -> 设置 -> 高级 -> 通过usb远程调试

4.电脑firefox启用远程调试
点firefox右上角的小菜单 -> 开发者 -> WebIDE,进入界面。(快捷键是Shift + F8)
点"项目"菜单 -> 管理额外组件,安装ADB Helper和工具适配器扩展。

5.连接
电脑Firefox上按Shift + F8进入WebIDE界面,此时插入手机的usb线,右上角即显示手机型号。
手机上提示是否允许接入,点允许。
1.jpg
需要注意的是,在整个调试过程中,每当插入usb线,手机会提示usb的连接方式,可以选MTP和PC助手,不能用u存储和仅充电,这样在电脑的调试工具上刷不出手机。
6.调试
从手机上用firefox打开一个网站,电脑会同步看到代码。如果在电脑上修改代码,也会同步显示在手机上。
2.jpg


已经实现了手机与电脑通过firefox webide插件进行远程调试,可是手机上面软件装多了很卡,要是能用模拟器多好?

在网上搜索了一下,确实有很多人有这样的想法,自己也尝试了一下未果,不过经常折腾,意外发现是可以的,所以又补充写出来。

环境:
1.电脑端
firefox + webide调试插件 (不清楚看上一篇)

2.夜神安卓模拟器
安装firefox,与电脑端的版本最好接近。
firefox -> 设置 -> 高级 -> 通过usb远程调试

两边把环境一配好,开启手机的usb远程调试,两边开启firefox。如果是手机上,只要插上usb线,现在即可在firefox webide中发现手机端了。
可模拟器毕竟是模拟器,没有真实的usb线连接,在模拟器上开启了usb调试,能与电脑实现虚拟的adb连接吗?

我试着两边firefox打开,在webide中刷新没有发现模拟器。

于是又尝试了将夜神模拟器目录中的nox_adb.exe替换到fiefox webide的插件目录中:
C:\Documents and Settings\Administrator\Application Data\Mozilla\Firefox\Profiles\ingtcmsr.default\extensions\
adbhelper@mozilla.org\win32

再次刷新也不行,于是放弃了。


之后的几天,偶然的机会,居然在电脑firefox webide中刷出了模拟器。

居然是可以的,说明adb.exe不仅可以用于真实的usb线连接,也可以实现模拟器的usb虚拟连接。不得不佩服adb功能之强大。
不仅如此,电脑端使用firefox webide工具,可以调试手机端的firefox和chrome两种浏览器,其它浏览器未做测试。

如果你也刷不出来,尝试以下几点:

1.安装手机官方的驱动程序(各手机官方的管理工具)
2.重启模拟器和电脑
3.模拟器端firefox开启usb远程调试