在 chrome 中隐藏一些开发工具选项卡

Question

如何在 Chorme devtools 中隐藏以下选项卡？

我知道我可以重新排序它们，但我想最小化额外的界面部分以进行一些竞争。

Answer 1

这个问题没有解决办法。您无法隐藏 chrome devtools 中的某些选项卡。

Answer 2

2021更新

您可以使用 Microsoft Edge（witch 基本上是 chrome atm 的重新设计）。它具有完全相同的调试器和开发工具。每次将鼠标悬停在开发工具菜单中的选项卡上时，都会出现一个关闭按钮。 就像这样：

如果您稍后希望恢复关闭的选项卡，请转至

Settings

->

Preferences

-> 单击

Restore defaults and refresh

Answer 3

这当然是可能的！但这并非小事。您需要创建（或从 Chrome 应用商店查找并下载）一个以 DevTools 为主题的 Chrome 扩展程序。如果您创建一个，一种选择是通过使用 DevTools 本身检查 DevTools 来查找元素，然后使用 CSS 进行覆盖。

对同一主题的另一个问题的这个很好的答案对我非常有帮助：Custom.css 已在 32.0.1700.76 m Google Chrome 更新中停止工作

Answer 4

这根本不可能。我们无法控制此选项如何显示，除非我们不是 sundar pichai :)

您可以转到

chrome://flags/#enable-devtools-experiments

启用此标志（

restart the chrome after enable it

）并有一些自定义选项，如下所示（尝试并享受!!:)）

Accessibility Inspection


Allow custom UI themes


Empty sourcemap auto-stepping


Live SASS


Persistence 2.0


Source diff


Timeline: event initiators


Timeline: multiple main views

Answer 5

如this答案中所述，您可以在新的 Edge 浏览器中从 DevTools 中删除一个或多个工具。要恢复其中一些，请单击 DevTools 右上角的菜单图标

...

，然后选择 >

More tools

> [您想要的工具]

在版本 91.0.864.59（官方版本）（64 位）上测试

Answer 6

右键单击要隐藏的选项卡，然后“移至底部”。它将从主选项卡面板中消失。您可以通过按 Esc 键找到“底部”选项卡。至于 2023.09，它仅适用于本机选项卡（例如，我无法移动 AdBlock 选项卡）

Answer 7

如果您想阻止打开开发工具选项卡。使用此代码：

window.oncontextmenu = function () {
    return false
}
document.onkeydown = function (e) {
    if (window.event.keyCode === 123 || e.button === 2) {
        // 123 is key code for F12 key block and 2 is button code for right click
        return false
    }
}