一行代码实现随意编辑网页内容

编程知识 更新时间:2023-04-07 13:22:29

一、打开你想要编辑的网站

我这里拿百度首页做个示范。

二、进入开发者模式

按F12进入开发者模式 。

三、输入神奇代码

1、打开随意编辑网页内容的功能

选择Console,在命令框输入document.designMode='on'后按回车。

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

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

2、关闭随意编辑网页内容的功能

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

更多推荐

一行代码实现随意编辑网页内容

本文发布于:2023-04-07 13:22:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/cb4e869c137bd7b3be7f64590dd30f97.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:随意   编辑   代码   网页   内容

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 53475文章数
  • 14阅读数
  • 0评论数