새 창에서 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.