\(@^0^@)/

Chrome extension - Quick source viewer 본문

기타/메모장

Chrome extension - Quick source viewer

minjuuu 2022. 3. 21. 16:25
728x90

코딩하다가 Html Head 부분에 title, meta 같은 코드를 추가하고서 잘 들어갔는지 페이지 소스를 확인할 때 

이제까지는 마우스 우클릭 - 페이지 소스 보기를 이용하였는데,

그럴 때마다 위의 이미지처럼 자동 줄 바꿈을 해주어도 가독성이 많이 떨어지는 불편함이 있었다.
(해결방안을 찾아보지 않고 그냥 불편해만 했던 나 자신.... 반성해!)

우연히 좋은 크롬 익스텐션을 찾아서 저장해두려한다 :)

 Quick source viewer를 설치하고 해당 익스텐션을 통해서 html 소스를 볼 경우 (물론 다른 소스들도 볼 수 있음)

위의 이미지와 같이 깔끔하게 소스들을 볼 수 있어 매우 매우 유용할 것으로 판단!! 앞으로 얘를 요리조리 잘 사용해보자

오른쪽 상단을 보면 카피도 가능하고, Beautify 속성을 없앨 경우 기존의 페이지 소스 형식으로 출력해준다!

728x90

'기타 > 메모장' 카테고리의 다른 글

[메모장] VScode에서 글자를 한번에 수정하는 법  (0) 2022.04.07
구글링 잘하는법  (0) 2022.03.22
React Router v6 관련  (0) 2021.12.04
리덕스 관련  (0) 2021.12.04
Udemy 한글 자막으로 보는 법  (0) 2021.10.19