브라우저 안에 숨은 편집 기능, document.designMode = "on"

웹페이지의 텍스트를 바로 수정해보고 싶었던 적이 있다면, document.designMode는 그 욕구를 단번에 해결해주는 기능이다. 브라우저에서 단 한 줄의 코드만 입력하면 페이지를 자유롭게 편집할 수 있다. 이 기능은 단순한 장난 이상의 가치를 지닌다. 콘텐츠 편집, A/B 테스트, SEO 미리보기 등 다양한 작업에 유용하게 활용될 수 있다. 브라우저에는 document.designMode라는 꽤 흥미로운 기능이 숨겨져 있다. 이걸 켜면 웹페이지 전체가 직접 편집할 수 있는 상태로 바뀐다. 복잡한 설정 없이, 단 한 줄의 코드로 가능하다.1. 한 줄로 열리는 편집 모드 방법은 정말 간단하다. 브라우저에서 개발자 도구(DevTools)를 열고 콘솔 창에 다음 코드를 입력해보자.더보기document.de..