새 탭 / 새 창이 열리면 Chrome 개발자 도구를 자동으로 엽니 다

링크를 클릭하여 새 창에서 열리는 HTML5 응용 프로그램이 있습니다. 항상 필요하기 때문에 개발자 도구 를 시작하기 위해 네트워크 통신을 로깅하려고 할 때마다 Shift + I 를 누르는 데 약간 지쳤 습니다. 시작시 개발자 도구를 항상 활성화하는 옵션을 찾을 수 없습니다.

Chrome에서 새 창이 열릴 때 개발자 도구를 자동으로 여는 방법이 있습니까?

업데이트 2 :

이 답변을 참조하십시오 . 2019-11-05

또한 개발자 도구가 열려있는 경우 팝업에서 개발자 도구를 자동으로 열 수 있습니다. 예를 들어 개발자 도구가 열려 있지 않고 팝업이 표시되면 개발자 도구로는 열리지 않습니다. 그러나 개발자 도구가 열린 상태에서 무언가를 클릭하면 팝업에 개발자 도구가 자동으로 열립니다.

최신 정보:

시간이 변경되었습니다. 이제이 답변 에서와 같이 --auto-open-devtools-for-tabs를 사용할 수 있습니다 – Wouter Huysentruit 5 월 18 일 11:08

OP :

Chrome을 실행할 때 시작 문자열을 가지고 놀았지만 새 탭에 지속되도록 할 수 없었습니다.
또한 프롬프트에서 호출 할 수있는 정의 된 PATH 메소드에 대해 생각했습니다. SendKeys 명령을 사용하면 가능하지만 새 인스턴스에서만 가능합니다. 또한 DevTools는 새 탭에 유지되지 않습니다.

Google 제품 포럼을 살펴보면 Chrome에서 기본 제공 방법이없는 것 같습니다. 키 입력 솔루션을 사용하거나 F12위에서 언급 한대로 사용해야합니다 .

기능으로 추천했습니다. 나도 처음이 아니 란걸 알아

개발자 도구 창이 열리면 개발자 도구를 열 때를 ​​누릅니다 F1. 설정 페이지가 열립니다. "팝업을 위해 DevTools 자동 열기"를 확인하십시오.

이것은 나를 위해 일했습니다.

이를위한 명령 행 스위치가 있습니다. --auto-open-devtools-for-tabs

따라서 Chrome의 속성에는 다음과 같이 사용하십시오.

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

다음은 유용한 링크입니다. 크롬 명령 줄 스위치

Mac : Chrome을 종료 한 다음 터미널 창에서 다음 명령을 실행하십시오.

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

Chrome DevTools 설정에서 다음을 활성화합니다.

네트워크-> DevTools에서 로그 유지-> 팝업을 위해 DevTools 자동 열기

F12는 Ctrl + Shift + I보다 쉽습니다.

개발자 도구 창이 표시된 상태에서 메뉴 아이콘 (오른쪽 상단 모서리에있는 세 개의 수직 점)을 클릭하고 설정을 클릭하십시오 .

에서 개발 도구 의 확인 팝업을위한 자동 오픈 DevTools로 옵션을

비슷한 해결책을 찾기 위해 여기에 왔습니다. 새 탭에서 페이지로드의 크롬 출력을보고 싶었습니다. (필자의 경우 양식 제출) 실제로 사용한 솔루션은 양식 제출이 현재 탭에서 발생하도록 양식 대상 속성을 수정하는 것이 었습니다. 네트워크 요청을 캡처 할 수있었습니다. 문제 해결됨!

Visual Studio 에서이 작업을 수행하려는 사람이라면 누구나이 코드 프로젝트 기사가 도움이 될 것입니다. 인수 상자에 "--auto-open-devtools-for-tabs"를 추가하십시오. 2017에서 작동합니다.

매우 인기있는 vscode 크롬 디버그 확장 ( https://github.com/Microsoft/vscode-chrome-debug ) 을 사용하여 Visual Studio Code (vscode)를 사용하는 경우 시작 구성 파일을 설정하고 다음 launch.json동안 개발자 도구를 열도록 지정할 수 있습니다 디버그 세션.

이것은 launch.json내 React 프로젝트에 사용합니다.

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

중요한 라인은 "runtimeArgs": ["--auto-open-devtools-for-tabs"],

vscode에서을 입력 F5하면 Chrome에서 앱과 콘솔 탭도 열립니다.

네, 할 수있는 방법이 있습니다

1. 마우스 오른쪽 버튼으로 클릭-> 검사-> 소스 (탭)

2. 오른쪽으로 "일시 중지 스크립트 실행 버튼"이 있습니다

도움이 되길 바랍니다!

• 추신 : 이것은 처음입니다. 두 번째부터 dev 도구가 자동으로로드됩니다.

--auto-open-devtools-for-tabs커맨드 라인에서 크롬을 실행하는 동안 플래그 사용

/ Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome --auto-open-devtools-for-tabs

https://developers.google.com/web/tools/chrome-devtools/open#auto

오른쪽 하단 F12에서 새 창에서 개발자 도구 ( Chrome에서)를 열고을 clicking three, vertical dots선택할 수 있습니다 Open as Separate Window.