Web 前端如何一键开启上帝模式 All In One

Web 前端如何一键开启上帝模式 All In One

God Mode / 上帝模式

document.designMode = `on`;

iframeNode.contentDocument.designMode = "on";

js 一键开启上帝模式 / js 一行代码开启全页面编辑模式

document.designMode

iframeNode.contentDocument.designMode = "on";

https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode

demo

// designMode

document.designMode = `on`;

HTML5

contenteditable global attribute

contenteditable="true"

<blockquote contenteditable="true">
    <p>Edit this content to add your own quote</p>
</blockquote>

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable

(🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！

refs

https://www.cnblogs.com/xgqfrms/tag/designMode/

https://www.zhihu.com/column/xgqfrms

https://www.zhihu.com/question/24440024/answer/1656225093

https://dev.to/arbaoui_mehdi/edit-your-website-live-in-google-chrome-by-using-document-designmode-5d9h

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---