새 탭 / 새 창이 열리면 Chrome 개발자 도구를 자동으로 엽니 다
링크를 클릭하여 새 창에서 열리는 HTML5 응용 프로그램이 있습니다. 항상 필요하기 때문에 개발자 도구 를 시작하기 위해 네트워크 통신을 로깅하려고 할 때마다 Shift + I 를 누르는 데 약간 지쳤 습니다. 시작시 개발자 도구를 항상 활성화하는 옵션을 찾을 수 없습니다.
Chrome에서 새 창이 열릴 때 개발자 도구를 자동으로 여는 방법이 있습니까?
최신 정보:
시간이 변경되었습니다. 이제이 답변 에서와 같이 --auto-open-devtools-for-tabs를 사용할 수 있습니다 – Wouter Huysentruit 5 월 18 일 11:08
업데이트 2 :
개발자 도구가 열려있는 경우 팝업에서 개발자 도구를 자동으로 열 수도 있습니다. 예를 들어 개발자 도구가 열려 있지 않고 팝업이 표시되면 개발자 도구로는 열리지 않습니다. 그러나 개발자 도구가 열린 상태에서 무언가를 클릭하면 팝업에 개발자 도구가 자동으로 열립니다. 이것은 이 답변에 자세히 설명되어 있습니다
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보다 쉽습니다.
비슷한 해결책을 찾기 위해 여기에 왔습니다. 새 탭에서 페이지로드의 크롬 출력을보고 싶었습니다. (필자의 경우 양식 제출) 실제로 사용한 솔루션은 양식 제출이 현재 탭에서 발생하도록 양식 대상 속성을 수정하는 것이 었습니다. 네트워크 요청을 캡처 할 수있었습니다. 문제 해결됨!
매우 인기있는 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에서 앱과 콘솔 탭도 열립니다.
Visual Studio 에서이 작업을 수행하려는 사람이라면 누구나이 코드 프로젝트 기사가 도움이 될 것입니다. 인수 상자에 "--auto-open-devtools-for-tabs"를 추가하십시오. 2017에서 작동합니다.
네, 할 수있는 방법이 있습니다
마우스 오른쪽 버튼으로 클릭-> 검사-> 소스 (탭)
오른쪽으로 "일시 중지 스크립트 실행 버튼"이 있습니다
도움이 되길 바랍니다!
- 추신 : 이것은 처음입니다. 두 번째부터 dev 도구가 자동으로로드됩니다.
오른쪽 하단 모서리 F12에서 새 창에서 개발자 도구 ( Chrome에서)를 열고을 clicking three, vertical dots선택할 수 있습니다 Open as Separate Window.
'IT story' 카테고리의 다른 글
| JavaScript 문자열은 변경할 수 없습니까? (0) | 2020.04.24 |
|---|---|
| 편안한 API 서비스 (0) | 2020.04.24 |
| nohup과 앰퍼샌드의 차이점은 무엇입니까 (0) | 2020.04.24 |
| HttpModule과 HttpClientModule의 차이점 (0) | 2020.04.24 |
| 메모와 동적 프로그래밍의 차이점은 무엇입니까? (0) | 2020.04.24 |