DevTools 팁: 스니펫 및 라이브 표현식
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
DevTools의 스니펫을 사용하여 자주 사용하는 코드를 실행하고 실시간 표현식을 사용하여 JavaScript 값을 실시간으로 확인할 수 있습니다.
다음 방법에 대해 알아보려면 동영상을 시청하세요.
스니펫을 만들거나 스니펫 창을 엽니다.
새 스니펫을 실행합니다.
- 소스에서 Command / Control + Enter 단축키 사용
- 명령어 메뉴에서
!
를 사용합니다.
값을 스니펫에 전달합니다.
- 중단점을 사용하여 일시중지합니다.
- Sources > Scope 창에서 값을 설정합니다.
- 실행을 재개합니다.
콘솔에서 스니펫 실행: 전역 함수로 로드하고 한 번 실행합니다.
스니펫에 Console Utilities API를 사용합니다.
콘솔 > Live Expressions를 사용합니다.
- 반복적으로 실행하려는 코드 조각을 실행하려는 경우(예: 디버깅 세션 도중)
- 실행 중에 값이 어떻게 변경되는지 실시간으로 확인합니다.
자세한 내용은 다음을 참고하세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2023-08-31(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{
"lastModified": "최종 업데이트: 2023-08-31(UTC)",
"confidential": False
}