새 창에서 Chrome 개발자 도구를 여는 방법은 무엇입니까?


250

Chrome 개발자 도구를 사용하려고하면 더 이상 새 창에서 볼 수없는 것 같습니다.

이것이 버그입니까, 아니면 업데이트의 의도 된 변경입니까?

Chrome 개발자 도구를 새 창에서 어떻게 열 수 있습니까?

여기 내가 말하는 것에 대한 스크린 샷이 있습니다.

여기에 이미지 설명을 입력하십시오


11
@AbelMelquiadesCallejo 옵션을 표시하려면 길게 클릭해야합니다 .
katalin_2003

2
Hey Side note, 여기 Linux 상자에 마우스 왼쪽 버튼으로 길게 누른 다음 마우스 휠로 클릭하여 도킹 해제를 수행해야했습니다.
Bob Barker

실제로 나는 쉬운 버튼을 기억하지만 지금은 구글에게 그것을하는 방법을 강요했다는 것은 우스운 일입니다.
alexander_ch 2016 년

답변:


426

Chrome 52부터 UI가 변경되었습니다. 개발자 도구 대화 상자가 열리면 세로 줄임표를 선택한 다음 고정 위치를 선택할 수 있습니다.

여기에 이미지 설명을 입력하십시오

왼쪽의 아이콘을 선택하여 새 창에서 Chrome 개발자 도구를 엽니 다. 여러 창 아이콘


이전

"별도의 창에 도킹 해제"옵션을 표시하려면 개발자 도구의 닫기 단추 옆에있는 단추를 클릭하십시오 .

여기에 이미지 설명을 입력하십시오

참고 : 해당 상태에서는 "프레스"로는 충분하지 않습니다.


18
그 상태에서는 "프레스"로는 충분하지 않습니다. 당신은 클릭해야 누르고 옵션 "별도의 창으로 잠금 해제"를 공개하기 위해합니다 (닫기 버튼의 왼쪽) 버튼을 누릅니다.
katalin_2003

5
예, click and hold(Windows 용 Chrome, x64 용 버전 39.x를 사용하고 있습니다).
Nhu Vy

5
항상 새 창에서 열 수있는 방법이 있습니까? 이전에는 옵션이 있었지만 39.0.2171.95에서 찾을 수 없습니다.
user3285954

94
정말 끔찍한 UI 결정입니다. 나는 그것이 더 발견 할 수 있을지 확신하지 못한다. 팁 고마워!
Joshua Jabbour

2
2016 년 중반 현재 도킹 옵션이 나타나려면 세로 줄임표 만 클릭하면되므로 더 이상 클릭하지 않아도됩니다.
Chris B

8

여기에 이미지 설명을 입력하십시오

  1. 오른쪽 상단에있는 세 개의 점을 클릭하십시오->
  2. "별도의 창에 도킹 해제"아이콘을 클릭하십시오

3

다른 아이콘이 표시 될 때까지 클릭 한 상태에서 마우스를 아이콘 아래로 밉니다.


1

Google 크롬에 ctrl + shift + I 를 입력 하면 격리 된 개발자 창에 표시됩니다.


5
이것은 chrome-developer-tools가 이미 새 창에서 열리도록 설정된 경우에만 작동합니다
Abel Callejo

1

DevTools를 열어야하는 경우 ctrl-shift-i를 누르십시오 .

DevTools 창이 이미 열려 있으면 ctrl-shift-d 단축키를 사용할 수 있습니다 . 창을 분리 모드로 전환합니다.

예를 들어 필자의 경우 전자 응용 프로그램 창 (Chrome)은 실제로 작습니다.

여기에 이미지 설명을 입력하십시오

ctrl-shift-d 단축키를 제외한 다른 제안은 사용할 수 없습니다.


방금이 대답을 시도했지만 Windows에서 잘 작동하는 것 같습니다. Mac에서도 시도했지만 바로 가기가 다릅니다. DevTools ( cmd + option + i )를 열고 다른 독 쪽 ( cmd + shift + d )으로 전환하십시오 . 또한 Mac에서 cmd + shift + dw / o를 직접 사용하면 먼저 DevTools가 다른 기능을 수행합니다.
Abel Callejo
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.