Chrome으로 HTML 소스 코드 편집

Internet Explorer에서 로컬 .html 파일을 열고 "보기"메뉴에서 "소스"를 선택하여 빠르게 변경 한 다음 웹 페이지를 "새로 고침"(다시로드)하여 편집 할 수 있습니다.

Chrome으로 어떻게 할 수 있습니까?

Windows 메모장에서 .html 파일을 열 수 있습니까? (정말 빠르기 때문에 메모장을 좋아합니다.)

Ctrl+Shift+I or F12-> 요소, 소스를 표시해야합니다. 요소를 마우스 오른쪽 버튼으로 클릭하고Edit as HTML

편집하다:

https://chrome.google.com/extensions/search?itemlang=&q=editor 와 같은 확장 프로그램이 있습니다.

ChromeEditor및 Live WebSite Editor유망 보인다.

barlop에 의해 추가되었습니다
(ctrl-shift-I / F12 이후), <HTML..> or </HTML>태그를 마우스 오른쪽 버튼으로 클릭하고 "html로 편집"을 클릭하십시오 . 그 안의 아무 곳이나 편집 할 수 있습니다. 여는 태그를 선택한다는 것은 편집을위한 팝업이 존재하는 모든 html 소스 만 포함한다는 것을 의미합니다. 편집 할 때 공간 측면에서 매우 깔끔합니다. 닫는 태그를 선택하면 팝업이 html 아래에 나타나므로 이전 / 이후를 볼 수 있으므로 유용 할 수 있습니다. 또는 벤자민이 말한 것처럼 F2는 편집하고 ctrl-enter는 커밋합니다.

1. DevTools를여십시오.
2. 요소 패널을 엽니 다.
3. html 또는 body 또는 원하는 다른 요소를 선택하십시오.
4. Esc로 콘솔을 엽니 다.
5. $ 0.contentEditable = true 쓰기

이제 페이지에서 텍스트를 편집하고 이미지를 이동할 수 있지만 실제로 원하는 것은 아닙니다 :)

당신은 편집이 InlineEditor을 시도하고 여기에 브라우저 페이지에서 정적 HTML 저장은 IS 수 있습니다 데모

파일을 개별 요소가 아닌 html 소스로 편집하려면 다음을 수행하십시오.

1. 왼쪽에서 '소스'탭을 선택하십시오.
2. '소스'창에서 마우스 오른쪽 버튼을 클릭하고 '작업 공간에 폴더 추가'를 선택하고 소스 HTML 파일로 폴더를 추가하십시오.
3. 수정하려는 html 파일을 마우스 오른쪽 버튼으로 클릭하고 '네트워크 리소스에 매핑'을 선택하십시오.