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

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

二、进入开发者模式

按F12进入开发者模式。

三、输入神奇代码

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

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

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

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

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

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

一行代码实现随意编辑网页内容相关推荐

一行代码如何自定义修改网页内容
就是这一行代码,看好了 document.body.contentEditable='true'; 打开浏览器,按F12进入开发者选项选中console,输入这行代码然后就随便修改
如何使用一行代码搞定一组数据的（极值、平均值、中位数、四分位数、数量统计和标准差）
或许当你看到一行代码的时候,你也已经想到了不会是 python 吧!还真不巧,你说对了,就是使用python. 很多知识想简单处理python的同志们(指并不怎么学python,但偶尔使用写个小分 ...
cpu帧数测试软件,一行代码监测FPS/内存/CPU
原标题:一行代码监测FPS/内存/CPU "没错,就是他." 项目开发都会做一些调试,比如看看FPS的情况. 网上有不少工具,自己就参考做了一个比较简单的工具WHDebugTool ...
一行代码解决各种IE兼容问题
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 前端面试秘籍,欢迎star! 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决 ...
如何随意修改网页内容
本蒟蒻第一次发布文章,各位大佬们如果不喜欢,请不要嘲笑! 你是否想过随意修改网页内容的感觉呢? 嘿,其实真能实现! 这也不难,一行代码就能轻松解决. 下面开始保姆级教程: 首先按下Ctrl+Shift ...
一行代码不用写，就可以训练、测试、使用模型，这个star量1.5k的项目帮你做到...
机器之心报道机器之心编辑部 igel 是 GitHub 上的一个热门工具,基于 scikit-learn 构建,支持 sklearn 的所有机器学习功能,如回归.分类和聚类.用户无需编写一行代码即可 ...
一行代码发一篇 ICML？
来自 | 知乎作者 | kid丶连接 | https://zhuanlan.zhihu.com/p/163676138 编辑 | 深度学习这件小事公众号本文仅作学术交流,如有侵权,请联系后台删 ...
说好的敬畏每一行代码呢？Antd代码彩蛋炸翻一圈人
对于开源项目来说,一个细微的改动就会影响到无数使用该项目的产品.公司.生产环境.阿里是中国开源的先锋公司,对于事故的处理也一直都很有担当,阿里云"敬畏每一行代码,敬畏每一份托付"曾 ...
一行代码搞定 R 语言模型输出！（使用 stargazer 包）
引言使用stargazer包可以将 R 构建的模型结果以LATEX.HTML和ASCII格式输出,方便我们生成标准格式的表格. 再结合rmarkdown,你就可以轻轻松松输出一篇优雅的文章啦~ 本文 ...
Python 一行代码搞定炫酷可视化，你需要了解一下 Cufflinks
前言学过Python数据分析的朋友都知道,在可视化的工具中,有很多优秀的三方库,比如matplotlib,seaborn,plotly,Boken,pyecharts等等.这些可视化库都有自己的特点 ...

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