火狐远程调试火狐
source link: https://blog.lilydjwg.me/2019/7/25/firefox-remote-debugging.214689.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
火狐远程调试火狐
本文来自依云'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 哦。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK