火狐远程调试初体验

本文来自 依云's Blog，转载请注明。

开始啦

首先要启用远程调试功能。在桌面端火狐里按快捷键Ctrl-Shift-K调用开发者工具，点左上角的「设置」按钮，勾选「启用远程调试」。移动端火狐也通过「设置」页启用远程调试。

设置端口转发。使用 USB 连接并且在 Android 设备上启用了 adb 的话，可以使用如下命令来转发：

adb forward tcp:6000 tcp:6000

我使用 Wi-Fi 网络连接。因为移动端火狐只监听了 127.0.0.1 这个地址，所以外边连不上去。我使用 socat 命令来转发一下。我编译的 Android 版 socat 程序可在这边下载。

socat tcp-listen:6000,fork,bind=192.168.1.XXX,reuseaddr tcp:127.0.0.1:6000

桌面端在「Web 开发者」菜单里选择「连接…」，然后填入移动端的 IP 地址。如果使用 adb 进行端口转发的话使用默认的「localhost」就可以了。

开始连接之后，被连接的火狐（这里即移动设备上那个）会弹窗询问是否允许。确认之后就可以看到远程设备的标签页以及 chrome 页面（即截图里那个「主进程」）了。

然后就跳出来一个新的开发者工具窗口了。我这里选择的是火狐自己那个 chrome 页面（「主进程」）：

大家可以看到，我在 Android 上的火狐上也安装了 Adblock Plus 哦～

小惊喜

桌面端火狐启用 远程调试和 chrome 调试后，可以在「Web 开发者」菜单里看到「浏览器工具箱」这么一项。它会开启一个 -P参数为 default-chrome-debugger、 -chrome参数为 chrome://browser/content/devtools/framework/toolbox-process-window.xul的新火狐实例，通过远程调试接口连接到当前火狐实例上，实现对火狐顶层 chrome 窗口的调试。不过直接执行在 htop 里看到的命令并不能开启调试器，大概是因为这时候需要被调试的火狐不知道有人要调试它吧。虽然火狐自带的开发者工具功能比较弱，不过能对顶层 chrome 窗口进行调试还是很不错的 :-)

参考资料

• 加州旅客的 桌面端Firefox远程调试Android端Firefox