도구는 기본적으로 크롬 창 하단에 열립니다. 오른쪽에 빈 공간이 충분하지만 여분의 수직 공간이 많지 않기 때문에 와이드 스크린 디스플레이에는 다소 나쁜 선택입니다. 불행히도 도구를 재배치 할 방법을 찾지 못했습니다. 나는 방화범과 비슷한 측면에두고 싶습니다.

내가 원하는 것과 비슷한 유일한 옵션은 dev 도구를 분리하고 크롬과 도구 창을 나란히 배치하는 것입니다. 이것은 IDE에서 브라우저로 빠르게 Alt-Tabbing을하기에는 그리 편리하지 않으므로 "통합"솔루션이 좋습니다.

Chrome 46 이상

세로 줄임표 단추 (⋮)를 클릭 한 다음 원하는 도킹 옵션을 선택하십시오.

Chrome 45 이상

오른쪽 상단의 도크 아이콘을 길게 누릅니다. 도킹을 변경하는 옵션이 나타납니다.

HTML과 CSS 패널 사이의 분할을 변경하려면 DevTools에서 설정 (F1)> 일반> 모양> 패널 레이아웃으로 이동하십시오.

브라우저 버튼에 따라 포인터를 도크 버튼에 놓고 길게 클릭하거나 (몇 초) 마우스 오른쪽 및 왼쪽 마우스를 클릭하십시오.

도킹 위치를 전환하는 키보드 단축키 (측면 / 하단)

CTRL+ SHIFT+D

그리고 당신이 볼 수있는 많은 지름길이 있습니다

설정»바로 가기 :

또는 CTRL+ ?를 사용 하여 설정으로 이동하면 왼쪽의 "바로 가기"하위 항목에 도달하거나 공식 참조를 사용할 수 있습니다 .

이 창은 왼쪽 하단에 겹치는 창과 "별도의 창에 도킹 해제"가있는 아이콘으로 보입니다. 툴팁.

도크를 오른쪽에 놓은 후에도 (오래된 답변 참조) 여전히 패널이 세로로 분할 된 것을 발견했습니다.

패널을 가로로 나누거나 화면 너비에서 더 많이 얻으려면 설정 (오른쪽 아래 모서리)으로 이동하여 '오른쪽에 도킹 할 때 세로로 패널 나누기'의 체크 표시를 제거하십시오.

이제 왼쪽에서 오른쪽으로 모든 패널이 있습니다 : p

2014 년 10 월 기준, 버전 39.0.2171.27 베타 (64 비트)

Chrome 웹 개발자 팬에서 '설정'으로 이동 하여 오른쪽에 도킹 할 때 패널을 세로로 분할을 선택 취소 해야합니다.

현재 사용중인 버전 56.0.2924.87은 데스크탑에 없으면 DevTools를 자동으로 도킹 해제합니다. 그렇지 않으면 새로운 새 Chrome 탭을 열고 검사하여 DevTools를 창에 다시 고정하십시오.

또한 한 창에서 소스 및 콘솔을 보려면 다음으로 이동하십시오.

"DevTools 사용자 정의 및 제어->"콘솔 서랍 표시 "

오른쪽 구석에서 볼 수도 있습니다.