在Chrome中隐藏一些devtools标签

2ic8powd  于 2023-09-28  发布在  Go
关注(0)|答案(7)|浏览(157)

如何在Chorme devtools中隐藏以下选项卡?
我知道我可以重新订购,但我想尽量减少一些竞争的额外接口部分。

jm2pwxwz

jm2pwxwz1#

这是没有解决办法的。你不能隐藏Chrome devtools中的某些标签。

wswtfjt7

wswtfjt72#

2021年更新

您可以使用微软Edge(基本上是Chrome ATM的重新皮肤)。它具有完全相同的调试器和devtools。每当你将鼠标移到devtools菜单中的标签上时,就会出现一个关闭按钮。就像这样:

如果您稍后希望恢复关闭的标签页,请转到Settings-> Preferences->单击Restore defaults and refresh

l7mqbcuq

l7mqbcuq3#

这当然是可能的!但这不是小事。您需要创建(或从Chrome应用商店找到并下载)一个以DevTools为主题的Chrome扩展程序。如果您创建一个,一个选项是通过检查DevTools本身来查找元素,然后使用CSS进行覆盖。
这个关于同一主题的另一个问题的伟大回答对我非常有帮助:Custom.css在32.0.1700.76 m Google Chrome更新中停止工作

qlckcl4x

qlckcl4x4#

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

5us2dqdw

5us2dqdw5#

这是不可能的。我们不能控制这个选项是如何出现的util和除非我们不是sundar pichai:)
您可以转到chrome://flags/#enable-devtools-experiments启用此标志(restart the chrome after enable it),并有一些自定义选项,如以下(尝试并享受!!:))

  1. Accessibility Inspection
  2. Allow custom UI themes
  3. Empty sourcemap auto-stepping
  4. Live SASS
  5. Persistence 2.0
  6. Source diff
  7. Timeline: event initiators
  8. Timeline: multiple main views
展开查看全部
qlvxas9a

qlvxas9a6#

this回答中所述,您可以在新的Edge浏览器中从DevTools中删除一个或多个工具。要恢复其中一些,请单击DevTools右上角的菜单图标...,然后选择> More tools > [您所需的工具]
测试版本91.0.864.59(Official build)(64位)

ctehm74n

ctehm74n7#

如果您想阻止打开dev-tools选项卡。使用此代码:

  1. window.oncontextmenu = function () {
  2. return false
  3. }
  4. document.onkeydown = function (e) {
  5. if (window.event.keyCode === 123 || e.button === 2) {
  6. // 123 is key code for F12 key block and 2 is button code for right click
  7. return false
  8. }
  9. }

相关问题