dev 도구의 소스 패널에 대한 질문이 있습니다. 요소 탭에서 내 CSS가 올바르게 보입니다. CSS 파일을 클릭하고 소스 탭으로 이동하여 실제 편집을 할 수 있습니다. JS를 가져 와서 같은 작업을 수행 할 수 있지만 ... HTML 파일을 가져 오면 HTML을 수정할 수 없습니다. 왜 이런거야? 디자인에 의한 것인가? 내가 뭘 놓치고 있니?Chrome 개발자 도구의 소스 탭에서 HTML을 편집 할 수 없습니다.
일단 DOM이로드되면 자바 스크립트로 DOM을 즉시 수정할 수 있으므로 브라우저는 원본 소스를 사용하지 않습니다. DOM을 실시간으로 편집하려면 요소 탭에서 수행 할 수 있습니다. 요소 또는 속성을 마우스 오른쪽 버튼으로 클릭하고 옵션을 편집 할 수 있습니다.
https://developer.chrome.com/devtools/docs/workspaces#mapping-a network resource 이것이 내가 혼란 스러웠던 이유입니다. 라이브 편집을하는 youtube 녀석을 보았습니다. 그는이 기능을 사용 가능하게했을 것입니다. – davidpm4
내가 이해할 경우 원본의 왼쪽을 편집하려고합니다. 코드를 편집하거나 마우스 오른쪽 버튼으로 클릭하고 "HTML로 편집"을 클릭 할 때 위치를 두 번 클릭하십시오.
확실하지 않은 점은 요소 패널에서 HTML을 편집 할 수 있다는 것입니다. – hungerstar