7
25
2019
6

火狐远程调试火狐

本文来自依云'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 哦。

Category: 火狐 | Tags: 火狐 | Read Count: 15522
190725 说:
Jul 25, 2019 08:09:33 PM

沙发来了。

仙子,这个是用来干嘛的?看不懂目的。

我更加关注仙子的拓展应用,好多不认识。

vim插件sufingkey是我用过最强大的了。

Avatar_small
依云 说:
Jul 25, 2019 09:34:06 PM

修改火狐的样式呀。

zbinlin 说:
Jul 27, 2019 12:53:06 PM

Browser Toolbox(Ctrl+Alt+Shift+I) 里有个 `Disable Popup Auto-Hide` 选项,可以保持弹出的菜单不自动关闭的。

zbinlin 说:
Jul 27, 2019 12:54:54 PM

BTW: 地址栏的补全样式挺好看了 :)

Avatar_small
依云 说:
Jul 27, 2019 01:19:21 PM

咦,原来还有这个。
试了一下,我觉得可以把「自动」两个字去掉,因为它根本就不会关闭了啊,满屏幕的顶层窗口……


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter

| Theme: Aeros 2.0 by TheBuckmaker.com