一行代码如何自定义修改网页内容

原创 已于 2022-03-23 12:50:30 修改 · 1.4k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Web

于 2021-05-01 18:52:10 首次发布
本文介绍了一种简单的方法，通过在浏览器的控制台中输入一行JavaScript代码来使网页内容变得可编辑。具体操作步骤包括：打开浏览器并进入开发者选项，选择控制台，在控制台中输入指定的JavaScript代码。

就是这一行代码，看好了

document.body.contentEditable=‘true’;

  1. 打开浏览器，按F12进入开发者选项
  2. 选中console，输入这行代码
    在这里插入图片描述
    然后就随便修改
    在这里插入图片描述
    在这里插入图片描述
如何修改网页中的文本内容改成自己希望的数值？
任聪聪的博客
12-05 2万+
本篇文章主要讲解，通过浏览器命令和浏览器自带的F12开发者工具，进行修改网页内容的方法教程 日期：2021年12月5日 作者：任聪聪 一、通过F12开发者工具进行修改 进入方式汇总： 1.右击鼠标，显示菜单找到审查 2.通过快捷键F12进入，笔记本需要先关闭fnlk功能键。 开发者工具介绍 说明： 1.表示选择元素，点击后可以选择文本的元素所在地 2.表示显示方式，手机还是电脑 3.表示div元素，点击后可以展开，对div内的html和文本进行编辑。 双击文本，即可进行修改成自己想要的，但是刷新后.
html自定义列表一行排列,WEB前端设计完美的自定义列表dl，dt，dd
weixin_32522079的博客
06-24 2141
经常会在网页上看见类似这样的页面效果：下面就应用无懈可击的WEB设计方案来实现它：(HTML代码添加在BODY之中，CSS代码添加在之间，一定要编辑在之间)HTML代码：class="box-left">href="images/moon1.jpg"target="_blank">src="images/suo-moon1.jpg" width="200" height="200"/&...
任意修改网页内容
04-05
E语言源码 可以修改任意网页内容 但是只能自己看见
修改任意网页内容
02-13
只有两段代码，可以修改任意网页内容----只限于本地网页显示内容，刷新之后就还原了 可以试试网银余额的界面，修改后发到贴吧啥的你懂的
一行代码就能随意修改网页内容
web全栈开发的博客
09-02 1万+
一、打开你想要编辑的网站 我这里拿百度首页做个示范。 二、进入开发者模式 按F12进入开发者模式 。 三、输入神奇代码 1、打开随意编辑网页内容的功能 选择Console，在命令框输入document.designMode='on'后按回车。 这时你可以发现，点到文字处，会出现小光标，这就说明你可以修改这里的内容。 此时直接就可以修改光标处的内容，这里我随便改一下（不是真的改，刷新页面即可恢复原来网页内容）。 2、关闭随意编辑网页内容的功能 选择Console，在命令框...
一行代码修改网页内容
qq_52331186的博客
01-10 1318
在Console输入内容并回车：document.body.contentEditable=true。F12进入开发者模式。
第一行代码 第三版 第6章 6.3发送自定义广播
01-03
先创建一个BroadcastReceiver 用于接收此广播，在AndroidManifest.xml中修改，让这个BroadcastReceiver 接收我们发送的广播。 发送自定义广播的逻辑： 1.构建一个Intent对象，并将要发送的广播的值传入，2.调用...
Swift一行代码实现自定义tabBar与小红点高度自定义
在标题中提到“Swift一行代码创建自定义tabBar-支持小红点,数字角标,自定义高度”，这意味着将展示如何用最少的代码实现一个具有特定功能的tabBar组件。为了实现这样的自定义tabBar，开发者可能需要做以下几个步骤：...
Python 绘制词云图：更改或自定义背景颜色，图片轮廓，图片大小等，根据词频生成(放入自写库，一行代码快速实现复杂绘图)
12-22
使用前的注意事项：被读取的文本文件和希望自定义的图片轮廓需要与你的 py 文件放在同一个文件夹。 另外，图片还得经过特殊处理一下，可以请身边ps老鸟帮忙或自己稍微学一下又或者借助图片处理软件 背景雪白 如果...
APRoundedButton：一个简单的XIB扩展，可以制作圆形的自定义按钮，而无需编写一行代码！
02-24
一个简单的XIB扩展，可以使用IBInspectable来制作圆形的自定义按钮，而无需编写一行代码。 IBInspectable属性提供对旧功能的新访问：用户定义的运行时属性。 当前可以从身份检查器访问，这些属性自从以前就可用...
可以自定义改变的网页编辑器
02-28
里面有详细的使用教程 并有个人的说明 很容易使用，做论坛等必备工具
前端整活神器！只需一行代码，瞬间编辑任意网页，想改哪里改哪里
weixin_42925303的博客
04-15 2014
页面一键编辑
一行代码实现随意编辑网页内容
热门推荐
NFstriving的博客
05-08 2万+
一、打开你想要编辑的网站 我这里拿百度首页做个示范 二、进入开发者模式 按F12进入开发者模式 三、输入神奇代码 1、打开随意编辑网页内容的功能 选择Console，在命令框输入document.designMode='on'后按回车 这时你可以发现，点到文字处，会出现小光标，这就说明你可以修改这里的内容 此时直接就可以修改光标处的内容，这里我随便改一下（不是真的改，刷新页面即可恢复原来网...
神奇的代码——可随意修改复制页面内容
ZShiJ的博客
12-20 7017
需要注意的是，这段代码只能在支持JavaScript的浏览器中运行，并且需要具有足够的权限才能修改网页内容。进入开发者模式：在大多数浏览器中，你可以通过按下F12键或右键单击页面并选择"检查"来进入开发者模式。是一个JavaScript代码，用于将文档的模式设置为可编辑模式。这段代码是用于在网页中以可编辑模式打开原始页面的JavaScript代码。输入命令：在控制台中，你可以输入任何有效的JavaScript代码。这意味着你可以在控制台中直接编辑网页的内容，就像在Word文档中一样。
牛逼！只需一行代码，任意网页秒变可编辑！
石小石Orz的博客
04-10 1406
大家好，我是石小石！在我们日常工作中，可能会遇到截图页面的场景，有时页面有些内容不符合要求，我们可能需要进行一些数值或内容的修改。如果你会PS，修改内容难度不高，如果是前端，打开控制台也能通过修改dom的方式进行简单的文字修改。今天，我就来分享一个冷门又实用的前端技巧 —— 只需一行 JavaScript 代码，！先看看效果：甚至，还可以插入图片等媒体内容。
一行JavaScript 代码，可任意编辑网页，文字图片编辑皆可
最新发布
LXMoon_的博客
06-03 618
一行JavaScript 代码，可任意编辑网页，文字图片编辑皆可。
一行代码更改网页内容
weixin_48732879的博客
09-17 280
打开网页 -> F12 -> console -> 输入以下内容即可 document.body.contentEditable = 'true'
一行代码随意编辑网站
Cybenko
07-30 1861
有时为了网页截图美观，或者去除广告和遮挡物，我们想要修改网页上的内容，其实只要一行JS代码就可以实现 在浏览器中按F12或者右键打开检查打开开发者工具，进入控制台输入代码： document.designMode=‘on’ 即可，接下来就可以随意编辑页面的内容了，designMode是H5页面的属性，用来指定整个页面是否可编辑，开启后页面上任何支持contentEditable属性的元素都可以变成可编辑状态，如果我们是开发者，还可以用它来制作可以让用户自由编辑的网站。 当然这个网站编辑只能自己看到，别人是看
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值