求可切换网页编辑状态的JavaScript书签脚本(Bookmarklet)
可切换网页编辑状态的JavaScript书签脚本
嘿,这正是你要找的那种切换式网页编辑书签脚本!不用来回切换两个书签,点一下就能在「启用编辑」和「禁用编辑」状态之间无缝切换:
javascript:(function(){document.body.contentEditable=document.body.contentEditable==='true'?'false':'true';document.designMode=document.designMode==='on'?'off':'on';void 0;})();
使用步骤:
- 新建一个浏览器书签,把上面的代码完全复制粘贴到书签的「URL」输入框里(替换掉原本的网址内容)
- 打开任意网页,点击这个书签:第一次点击会开启编辑模式,你可以直接修改网页上的文字、调整内容布局;再点一次就会关闭编辑,网页恢复正常浏览状态
兼容性说明:
脚本同时操作了两个属性来适配不同网页环境:
document.body.contentEditable:控制页面主体元素的可编辑状态,切换true/false值document.designMode:控制整个文档的全局编辑模式,切换on/off值
两者结合能覆盖更多网页场景,避免部分网页只支持其中一种属性的情况。
内容的提问来源于stack exchange,提问作者neverMind9
相关产品推荐
相关产品推荐

