如何在 Vivaldi 网络浏览器中对接开发者工具?

How dock the developer tools in the Vivaldi web browser?

当我打开开发人员工具时,我得到了熟悉的工具,但它们在它们自己的 window 中。

如何将它们停靠在 window 的底部?

暂时不能。

您可以在 Vivaldi's community forum

中阅读有关此问题的更多信息

不过还是不行,有两种可能。

首先,使用 VivaldiHooks 和他们的 devtool.js 挂钩(这允许您通过在页面中右键单击并选择 [右侧的 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 的 window.innerHeight 的第一个 "eats" 部分有时会被检查。

从 Vivaldi 快照 1.10 开始就有可能:

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


Docked Developer Tools We have had a long standing request for the ability to dock Developer Tools. Well, wait no longer, we are introducing this handy feature in our very first 1.10 snapshot. All of you developers who desperately wanted this, can now breathe a sigh of relief. Of course, if you prefer them undocked, that still works too!