xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

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, 禁止转载 🈲️,侵权必究⚠️!


posted @ 2021-01-11 21:45  xgqfrms  阅读(193)  评论(6编辑  收藏  举报