【技术分享】如何用两行代码实现网页内容任意编辑（附取消方法）

安鹿介绍在 Chrome 内核浏览器中修改网页显示内容的方法：按 F12 打开开发者工具，进入 Console 控制台，输入 “document.body.contentEditable = true” 即可任意编辑网页内容，输入 “false” 可恢复原状。该操作可用于恶作剧，提供具体代码步骤，适合对网页调试或趣味修改感兴趣的用户参考。

在Chrome内核的浏览器中任意一个网页的标签页下按F12.在下方弹出开发者工具面板.
然后点击Console控制台选项卡
然后输入:

document.body.contentEditable = "true"

 

按下回车,现在你就可以任意编辑网页了(可以做做恶作剧哦..)

这句命令就是将当前显示的网页的body(显示内容)的可编辑状态设置为可编辑.

当然编辑完后也可以关闭可编辑状态

在刚刚那个Console控制台下输入:

document.body.contentEditable = "false"

 

按下回车,网页又不能编辑了,恢复正常状态了.