F12。F1。开启 chrome 调试。开启远程调试。汉堡菜单，Web 开发者，浏览器工具箱。

如上操作，就可以打开一个专用火狐实例，连接到之前的火狐上，用来调试火狐的界面（chrome）了。

然而这里有个问题：这样你没法调试任何独占式的弹出菜单。不管是各种右键菜单，还是地址栏补全、汉堡菜单，它们一出现，就会捕获键盘鼠标，你根本不能操作别的窗口了。

遇到这种占用整个 X 服务器的情况，一种策略就是我上一篇文章里调试 fcitx 时那样，通过 ssh 连过来调试。然而火狐的 devtools 显然需要一个 X 服务器才能运行的。所以可以在另一台电脑上调试。当然单机也是有办法的啦——xephyr 就是为此而生的。pacman -S xorg-server-xephyr 就可以了。然后 Xephyr :1 -screen 1024x768 启动。

可还有个问题：之前的 devtools 打开的时候没给机会指定它在哪个 X 服务器上运行呀。虽然 GTK 有能力把窗口从一个服务器转移到另一个，但那也是需要程序主动配合的。不过既然叫「远程调试」的，应该也能像 Firefox for Android 那样通过网络连接才对？

于是搜了一下，果然找到篇 MDN 的文章讲这个的。简单地说就是加个参数就好啦：

DISPLAY=:1 firefox-nightly -no-remote -profile tmp --start-debugger-server 6100

最后要加个端口号，因为默认是 6000，和 X 服务器的冲突了……（我是说怎么明明在监听怎么就是连不上呢，原来连错程序了 QAQ）

然后在另一个火狐实例里打开 about:debugging 去连接就好啦。本地（localhost）连接的话，不需要额外的配置也不需要确认的。如果不是本地连接，还需要去 about:config 改两个选项。

花了些时间，把显示成两行的地址栏补全给弄回来啦～

样式表在这里。想用的话记得要把 toolkit.legacyUserProfileCustomizations.stylesheets 设置为 true 才会加载 userChrome.css 哦。