由于手机上没有鼠标,也没有firebug工具,所以遇到问题怎么调试呢?

在近几年的firefox chrome中,都提供了基于手机"usb调试"的远程调试功能。比如在手机firefox上打开网页,在电脑的firefox中进行调试。

下面以firefox举例:

1.安装手机的usb驱动
由于此功能都是基于手机的"usb调试"功能,所以需要使用手机驱动连接手机与电脑。ps:猜测底层的实现是adb。
将手机usb插入电脑,360全家桶和腾讯全家桶会自动给你安装上各种手机管家,这些管家会自带驱动。如果嫌麻烦,可以自己去安装一个碗豆夹之类的。以华为手机为例,可以安装一个官方的HiSuite,广告会少得多。

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

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

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

5.连接
电脑Firefox上按Shift + F8进入WebIDE界面,此时插入手机的usb线,右上角即显示手机型号。
手机上提示是否允许接入,点允许。
firefox安卓手机调试

需要注意的是,在整个调试过程中,每当插入usb线,手机会提示usb的连接方式,可以选MTP和PC助手,不能用u存储和仅充电,这样在电脑的调试工具上刷不出手机。

6.调试
从手机上用firefox打开一个网站,电脑会同步看到代码。如果在电脑上修改代码,也会同步显示在手机上。
firefox安卓手机调试

[1]: http://www.yunxi365.cn/usr/uploads/2016/09/1695737479.jpg
[2]: http://www.yunxi365.cn/usr/uploads/2016/09/1517025954.jpg

标签: 远程调试, html5移动端调试

添加新评论