본문 바로가기
카테고리 없음

[테스트] 크롬 개발자 도구 활용편 - 소소한 기능들

by RIMD 2022. 4. 20.

개발자 도구의 툴 검색 단축키

Ctrl + Shift + P 


screenshot

풀사이즈 스크린 샷, 노드단위 스크린샷, 부분 스크린샷등을 개발자도구에서도 지원해줌

 

Coverage

: 이 페이지 렌더링에 사용중인 CSS, JS 파일을 알려줌

사용 비율과 사용되지 않고 있는 비율까지 체크해줌

 

사용 안되고 있는 부분들은 빨간색으로 체크해줌

로딩시간을 많이 잡아먹는 코드들을 줄일 때 유용할 것 같음.

 

 

FPS meter

컴퓨터 프레임을 측정할 수 있음

컴퓨에서 프레임은 초당 정지사진(멈춰있는 하나의 사진)이 등장하는 횟수.

ex) 60프레임이라고 하면 1초에 60장의 사진이 움직임

-> 프레임이라는 단위는 정지사진 1개를 의미

출저 이미지 병용전자

 

GPU메모리까지도 알려줌

 

AdBlock 시뮬레이션

광고없는 화면 표기도 가능

ads 검색하면 Block ads on this site 선택

 

 

광고부분이 빠진 nate 화면

모든 사이트가 adblock화 되지는 않음.

ex) naver 같은 경우는 적용 되지않음

 

 

댓글