0
点赞
收藏
分享

微信扫一扫

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

两种方法

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

1:document.designMode='on'

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

一行代码就能随意修改网页内容_html
二、进入开发者模式
按F12进入开发者模式 。

 一行代码就能随意修改网页内容_刷新页面_02

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

一行代码就能随意修改网页内容_刷新页面_03

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

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

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

一行代码就能随意修改网页内容_刷新页面_05



举报

相关推荐

0 条评论