【问题标题】:Show DevTools in tab在选项卡中显示 DevTools
【发布时间】:2014-02-14 19:27:58
【问题描述】:

如何在标签页中显示 Chrome DevTools?

我查看了文档并在 Chrome 商店中进行了搜索,但似乎没有这样的内容。可能是 DevTools 显示在它们自己的窗口中以解决一些我还不知道的安全问题。

【问题讨论】:

    标签: google-chrome google-chrome-devtools


    【解决方案1】:

    这是不可能的。唯一的选择是:

    1. 将它们水平停靠在下方
    2. 将它们垂直停靠在右侧
    3. 将它们停靠在单独的窗口中。

    更多信息可以在他们的文档中找到https://developers.google.com/chrome-developer-tools/docs/authoring-development-workflow#dock-to-right

    【讨论】:

    • 这无论如何都是可能的(因为我们正在谈论图灵完备的平台),问题是如何。我设法在带有chrome-devtools://devtools/bundled/devtools.html?dockSide=bottom&toolbarColor=rgba(242,241,240,1) URL 的选项卡中运行 DevTools。但是,它不起作用,因为我们需要以某种方式设定目标。
    【解决方案2】:

    按 Ctrl + Shift + C ,然后单击 devTool 左下角的小图标,用于将开发工具停靠到单独的选项卡。

    【讨论】:

    • 那是一个单独的窗口,我知道那个按钮。问题是我不喜欢屏幕上多了一个窗口。