一行代码就能随意修改网页内容

两种方法

1：document.body.contentEditable='true';

1：document.designMode='on'

一、打开你想要编辑的网站
我这里拿百度首页做个示范。

二、进入开发者模式
按F12进入开发者模式 。

 

三、输入神奇代码
1、打开随意编辑网页内容的功能
选择Console，在命令框输入document.designMode='on'后按回车。

这时你可以发现，点到文字处，会出现小光标，这就说明你可以修改这里的内容。

此时直接就可以修改光标处的内容，这里我随便改一下（不是真的改，刷新页面即可恢复原来网页内容）。

2、关闭随意编辑网页内容的功能
选择Console，在命令框输入document.designMode='off'后按回车，随意修改网页内容的功能就关闭了，此时光标就不见了。
ps：刷新页面的话也可以关闭，但你修改的内容就会恢复成原来的。

看前端面试题库  MST题库  小程序