在Chrome DevTools的源代碼中移動「調試器」面板？

Question

當我使用寬屏時，我總是在瀏覽器中垂直顯示DevTools。我無法再讓調試器面板顯示在源文件內容下面。

要澄清面板我的意思是，它在「源」選項卡，然後正確的「調試器」面板中，你可以看到觀看，調用堆棧，適用範圍，斷點等。你知道，所有的有用的東西：d

此面板將只顯示在源文件旁邊，而不是原來在源文件下的位置。這意味着我將源代碼和調試工具都放在一個非常高的細長窗口中，這使得它不可能與實際的視口一起使用。

任何想法如何將其移回？

編輯：這裏有截圖（我發現一箇舊的'之前'）。請注意，你暫停，步入/過等

前面板：

後：

Answer 1

轉到DevTools設置，找到General > Appearance > Panel layout選項並將其更改爲 「水平」。