如何将Chrome开发者工具附加到同一窗口？

Question

我正在尝试Chrome for Mac OS上的开发者工具，我发现了一个巨大的烦恼。我没有看到一个明显的方法让工具窗口附加到我正在检查的页面底部，就像在Firebug和Safari中一样

Answer 1

Ctrl Shift J 获取开发人员窗口，然后使用左下方按钮。

要明确：我没有MAC，所以我无法测试，但确实可以在Chrome / Linux上运行。

Answer 2

通过单击开发人员工具窗口右上角的红绿灯图标，我可以将开发人员工具停靠在同一个窗口中。
然后，您可以单击相应的图标，在单独的窗口中打开，记录同一窗口底部的开发人员工具，或者记录同一窗口右侧的开发人员工具。

Answer 3

我知道这个问题有点旧，但我发现你只需要点击开发者工具窗口底部最左边的图标。

Answer 4

在撰写本文时（适用于Mac的Chrome 32），您正在寻找的图标位于开发人员工具的右上角。它看起来像一个窗玻璃。

根据您的chrome主题，此按钮可能会与背景混合，但它就在那里。

Answer 5

将开发者工具附加到同一选项卡的方法很简单。请按照下列步骤操作：-

1. 通过按ctrl + shift + i或Cntrl + shift + J（假设它在新窗口中打开）来打开开发人员工具
2. 在开发者工具窗口的右上角，您将看到三个垂直点。单击它，然后在顶部会看到“ Dock Side”选项。通过此选项，您可以更改设置。即在同一网页上打开开发者工具。 干杯！