Google Chrome에서 JavaScript 디버거를 어떻게 시작합니까?
-
09-06-2019 - |
문제
Google Chrome을 사용할 때 일부 JavaScript 코드를 디버그하고 싶습니다.어떻게 해야 합니까?
해결책
윈도우: CTRL 키-옮기다-제이 또는 F12
맥: ⌥-⌘-제이
공구모양 메뉴(도구 > JavaScript 콘솔)를 통해서도 사용할 수 있습니다.
다른 팁
소스에 다음을 추가해 보세요.
debugger;
모든 브라우저는 아니더라도 대부분의 브라우저에서 작동합니다.코드 어딘가에 배치하면 중단점처럼 작동합니다.
누르세요 F12 Chrome 브라우저의 기능 키를 눌러 JavaScript 디버거를 시작한 다음 "스크립트"를 클릭하세요.
맨 위에 있는 JavaScript 파일을 선택하고 JavaScript 코드에 대한 디버거에 중단점을 배치합니다.
Ctrl 키 + 옮기다 + 제이 개발자 도구를 엽니다.
Mac의 Chrome 8.0.552에서는 메뉴에서 찾을 수 있습니다. 보다/개발자/자바스크립트 콘솔 ...아니면 당신은 사용할 수 있습니다 Alt+명령+제이.
여기에서 개발자 도구에 액세스할 수 있는 바로가기를 찾을 수 있습니다.
전용 '콘솔' 패널을 열려면 다음 중 하나를 수행하십시오.
- 키보드 단축키 사용
- Windows 및 Linux의 경우: Ctrl 키 + 옮기다 + 제이
- 맥의 경우: 명령 + 옵션 + 제이
- Chrome 메뉴 아이콘, 메뉴 ->를 선택하세요. 더 많은 도구 -> 자바스크립트 콘솔.또는 Chrome 개발자 도구가 이미 열려 있는 경우
press
'콘솔' 탭.
참조하시기 바랍니다 여기
Mac 사용자의 경우 Google Chrome --> 메뉴로 이동하세요. 보다 --> 개발자 --> 자바스크립트 콘솔.
이제 Google 크롬에 새로운 기능이 도입되었습니다.이 기능을 사용하면 크롬 브라우저에서 코드를 편집할 수 있습니다.(코드 위치 영구 변경)
이를 위해서는 F12 -> 소스 탭 - (오른쪽) -> 파일 시스템 - 여기서 코드 위치를 선택하십시오.그런 다음 Chrome Browser는 귀하에게 권한을 요청하고 그 후에 코드는 녹색으로 가라 앉습니다.코드를 수정할 수 있으며 이는 코드 위치에도 반영됩니다(영구적으로 변경된다는 의미).
감사해요
자바스크립트 디버거에 접근하는 가장 효율적인 방법은 다음을 실행하는 것입니다.
chrome://inspect
Chrome 콘솔에서 다음을 수행할 수 있습니다. console.log(data_to_be_displayed)
.