Google chrome Chrome Devtools：我可以使整个面板透明吗？

我没有找到任何解决办法。也许这个功能不存在，但我认为我可能有用。也许我可以为Devtools编写一些css

更新：我试图添加到Devtools

不透明性的
主体中：.5
，但看起来这不是一个解决方案：
您应该能够通过Chrome扩展使用CSS，使用
applyStyleSheet
API调用，定制透明的面板。这是在清单文件中指定的引用
devtools\u页面
页面中嵌入的JS文件中完成的。
有关更多信息，请参阅

var xhr = new XMLHttpRequest();
xhr.open('GET', 'styles.css');
xhr.send();
chrome.devtools.panels.applyStyleSheet(xhr.responseText);

要查找面板的相关CSS选择器，您可以通过在非停靠模式下打开并再次执行Cmd+Opt+I（Mac）/F12（Windows）来检查开发人员工具

作为一个完整的主题示例来看一下。您需要在浏览器中启用实验功能，才能使其正常工作。根据上面的链接：

打开chrome://flags ▶ 启用开发人员工具并单击
底部的“立即重新启动”

打开开发人员工具设置▶
实验▶ [✔] 允许自定义UI主题

这是不可能的。面板本质上是它自己的视口空间。DevTools下面没有“页面”。想象一下，就像DevTools打开时一样，它占用的任何空间都不会提供给页面。这就是为什么当您调整DevTools的大小时，它会触发媒体查询

更改DevTools不透明度只会给你一个白色背景，而不是你的页面。
什么面板以及为什么？请澄清你的问题，因为它目前很模糊。@Garbee我指的是整个DevTools面板。因为我也想看到我页面的底部。我想这是因为网页没有延伸到下面（可以这么说）devtools面板。（您可以尝试应用类似于
位置：固定；底部：0；左侧：0
，但我目前没有使用Chrome的计算机，因此无法测试。）@gcampbell我尝试了您的css-没什么谢谢，您的答案格式很好，我尝试添加css-您可以在问题的屏幕截图上看到结果：（是的，看起来是真的。嗯，是的，整个过程都很糟糕。我想要谷歌Chrome开发工具窗口的不透明度…：-(