요소 패널에서 빠르게 리소스 수정/보기

우마르 한사
Umar Hansa

Elements 패널에서 CSS 또는 자바스크립트 리소스를 빠르게 확인/수정할 수 있습니다.

Elements 패널 DOM 트리에 리소스가 표시되는 경우(예:

<script src="app.js"></script>
<link rel="stylesheet" href="styles.css">

마우스 오른쪽 버튼으로 클릭하고 열기를 선택하면 됩니다. 그러면 파일이 Sources 패널에서 열리며, 여기서 전체 소스를 보거나 편집을 시작할 수 있습니다.