웹 브라우저에서 임시로 화면 변경하기 / 디자인 모드 Design Mode ?

개발자 도구(F12)를 통해서도 구성 요소를 스크립트로 제어하기보다는디자인 모드 Design Mode를 통해 웹 브라우저상에서 편집 자유롭게 가능합니다.

---

 

document.designMode 는 전체 document의 편집 가능 여부를 제어합니다.

유효한 값은  "on"과 "off"

var mode = document.designMode;
document.designMode = "on";
document.designMode = "off";

 

<출처: 곰씨네 IT 블로그>

 

Document.designMode - Web API | MDN