本文来自依云's Blog，转载请注明。
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 哦。
Jul 25, 2019 08:09:33 PM
沙发来了。
仙子，这个是用来干嘛的？看不懂目的。
我更加关注仙子的拓展应用，好多不认识。
vim插件sufingkey是我用过最强大的了。
Jul 25, 2019 09:34:06 PM
修改火狐的样式呀。
Jul 27, 2019 12:53:06 PM
Browser Toolbox（Ctrl+Alt+Shift+I） 里有个 `Disable Popup Auto-Hide` 选项，可以保持弹出的菜单不自动关闭的。
Jul 27, 2019 12:54:54 PM
BTW: 地址栏的补全样式挺好看了 :)
Jul 27, 2019 01:19:21 PM
咦，原来还有这个。
试了一下，我觉得可以把「自动」两个字去掉，因为它根本就不会关闭了啊，满屏幕的顶层窗口……
Aug 15, 2019 04:50:51 PM
非技术的路过。