如何将开发者工具停靠在 Vivaldi 网页浏览器中？

Posted 2023-02-15

技术标签:

【中文标题】如何将开发者工具停靠在 Vivaldi 网页浏览器中？【英文标题】：How dock the developer tools in the Vivaldi web browser? 【发布时间】：2016-08-15 14:44:59 【问题描述】：

当我打开开发者工具时，我得到了熟悉的工具，但它们在自己的窗口中。

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

【问题讨论】：

【参考方案1】：

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

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

停靠的开发者工具我们长期以来一直要求能够对接开发人员工具。好吧，不要再等了，我们将在我们的第一个 1.10 快照中引入这个方便的功能。所有迫切想要这个的开发人员现在可以松一口气了。当然，如果您希望它们不停靠，那也可以！

【讨论】：

【参考方案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 的一部分。

【讨论】：

【参考方案3】：

暂时不可以。

你可以在Vivaldi's community forum阅读更多关于这个问题的信息

【讨论】：

以上是关于如何将开发者工具停靠在 Vivaldi 网页浏览器中？的主要内容，如果未能解决你的问题，请参考以下文章