如何将开发人员工具停靠在Vivaldi Web浏览器中？

Question

当我打开开发人员工具时,我会得到熟悉的工具,但它们都在自己的窗口中.

如何将它们停靠在窗口底部？

Answer 1

自Vivaldi快照1.10以来可能:

https://vivaldi.com/blog/snapshots/docked-developer-tools-vivaldi-browser-snapshot-1-10-829-3/

停靠的开发人员工具我们长期以来一直要求能够停靠开发人员工具.好了,不再等了,我们在第一个1.10快照中引入了这个方便的功能.所有渴望这一切的开发人员现在都可以松一口气了.当然,如果你喜欢它们没有移动,那仍然有效!

Answer 2

然而,这仍然是不可能的,有两种可能性.

首先,使用VivaldiHooks及其devtool.js钩子(这允许您将devtools停靠在页面中右键单击并选择[右侧的DevTools /底部的DevTools])

或者,使用设置端口运行vivaldi进行远程调试,例如:

vivaldi --remote-debugging-port=X # X being a port, e.g: 9222

并打开一个网页面板:

localhost:X # X being a port, e.g: 9222

我更喜欢后者,因为它不那么毛躁,而第一个有时"吃" window.innerHeight被检查的窗口的一部分.