Atomic Habits

크롬 개발자 툴을 낱낱이 알아보자 본문

IT/JavaScript-JQuery

크롬 개발자 툴을 낱낱이 알아보자

체계성 2022. 5. 22. 22:17

 

https://okayoon.tistory.com/entry/%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90-%ED%88%B4%EC%9D%84-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90

 

크롬 개발자 툴을 알아보자

https://developers.google.com/web/tools/chrome-devtools/ 개발자도구는 마우스 우클릭 > 검사, 단축키 Ctrl+Shift+I 통해 열 수 있습니다. Device Mode 클릭 시 모바일 크기에 따른 화면 확인 가능 사용자 설..

okayoon.tistory.com

 

Break on을 설정해두면 자바스크립트 코드가 해당 dom 요소 변화를 줄 때 break가 됩니다.

subtree modifications = 해당 노드, 하위 트리에 변화(추가,삭제 등)가 생기면 break

attribute modifications = 해당 노드의 속성의 변경이 생기면 break

node removal = 해당 노드가 제거되면 break

 

 

'IT > JavaScript-JQuery' 카테고리의 다른 글

[HTML] script 태그는 어디에 위치 해야 할까? / defer / async  (0) 2022.05.30
var, let, const / 변수 선언 및 할당 / 함수 선언(4) / 호이스팅  (0) 2022.05.29
Chrome 개발자 도구 단축키 (개발자용)  (0) 2022.05.22
도메인 주소로 '내 로컬 서버' 띄우는 효과  (0) 2022.05.22
[NodeJS] VSCode 개발환경  (0) 2022.05.22
'IT/JavaScript-JQuery' Related Articles more
Comments