让网页变得可编辑，学会这个技巧，可以出去大拽了

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量1.7k 收藏 1
点赞数 2
分类专栏： JS笔记 文章标签： js javascript html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34955471/article/details/106934636
版权

设置页面为可编辑

document.body.contentEditable=true

使用方式在在浏览器中打开对应的网址，如百度

然后按 F12 键盘（在键盘右上方）

在弹出的窗口中选择 console ，然后在空白地方复制上面的代码，点击回车

如下图

                                                                                            原图

编辑后
编辑后

 

为什么会这样呢？

原因 contenteditable 属性可以控制标签是否可以被编辑，所以你如果不想使用了，可以

document.body.contentEditable=false

 

咫身在天涯
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
让你的网站可编辑的实现js代码
01-21
非常的简单 一、打开你要黑的网站， 二、在浏览器的地址栏里输入： 代码如下: [removed]document.body.contentEditable=’true’; document.designMode=’on’; void 0 三、现在你会发现他的页面竟然可以任由你自由修改了！！ 四、按照你自己的意图修改好后，在地址栏中输入： 代码如下: [removed]document.body.contentEditable=’false’; void 0 好了，截图吧，把对方网站给“黑”了~~ 嘿嘿，无害的。可以用来吓一吓人，比保存HTML要方便的多
修改页面快捷命令document.body.contentEditable=‘true‘；
热门推荐
小清华的小哥哥
08-28 1万+
众所周知 F12可以临时修改网页，达到‘伪造’的目的，但每次都需要找到修改元素的位置才行，不是很方便。 下面有两个快捷命令： 1、进入开发者模式（F12或鼠标右击后选择检查），在开发者模式中进入控制台（ctrl+shift+k或鼠标左击‘控制台’），然后在控制台下方的命令窗口内输入命令document.body.contentEditable='true'; 然后回车，就可以像编辑word文档一样随意编辑原始页面了（ps：此时退出开发者模式也可以继续编辑，只要不刷新页面就行）。 2、同上，进入控制台后，输
html 浏览器实时编辑 contentEditable属性
lorogy的博客
12-03 390
浏览器页面可编辑 document.body.contentEditable='true'; 实时编写样式的输入框 <body> <style style="display:block; position: fixed;" contentEditable> body { background: red; } </style> </body>
解决网页不能复制
Venus 的博客
11-04 2460
3、
javascript
wangschang的专栏
07-09 1384
1,这是一段神奇的代码,可以在任意网站上涂鸦，利用此代码黑掉Google、Baidu……简直就是举手之劳啊！只要你在IE浏览器任意打开一个网站，然后在­浏览器上输入如下代码然后回车，你就可以随心所欲的修改这个网站啦！ javascript:document.body.contentEditable=true; document.designMode=on; void 0 2
谷歌可编辑页面文本内容
qq_45178622的博客
06-28 463
document.body.contentEditable='true'; 谷歌浏览器控制台输入以上代码回车，页面文本内容即可编辑。
编辑网页document.body.contentEditable=‘true‘；
小屁孩大帅-保密的博客
07-31 1万+
发现一个好玩的，可以用来编辑网页 打开console输入，即可。 document.body.contentEditable='true';
document.body.contentEditable='true'
qinglangee的专栏
02-21 4782
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
编辑网页document.body.contentEditable='true';
scbl2017的博客
04-21 1万+
发现一个好玩的，可以用来编辑网页 打开console输入，即可。 document.body.contentEditable='true';
很有实用价值的神奇代码
平民
08-06 760
只要你在IE浏览器任意打开一个网站，然后在浏览器上输入如下代码javascript:document.body.contentEditable=true; document.designMode=on; void 0然后回车，你就可以随心所欲的修改这个网站啦！通过这段代码你可以对一些禁止复制内容的网页进行复制了++++++++++++++++++++++++++++++++++++++++
元器件应用中的五个让传感器变得更简单的技巧
10-16
一个总线工具连接一台个人计算机(PC)，然后到传感器的I2C、 SPI或其他可让传感器可以“说话”的协议。与总线工具相关的PC应用程序，提供了一个已知与工作来源用以发送和接收数据，且不是未知、未经认证的
TT18让网页可复制，一个可以让网页变得可以复制的工具
04-19
总有一些网页不让我们复制，有了这个工具就得手应手了
CSS让网页里的提交按钮变得更漂亮
09-27
你是不是觉得自己的主页不够靓丽，想让它有所改变呢？听说过样式表格吗？就是CSS，它就是那个能让你更为准确地控制...让我们先来看两个例子： 1、把按钮的背景由灰色变成黄色，下面是代码： 〈formmethod="POST&quot
“傻子式”广告，让互动变得更简单
02-26
下面这些“内容简单”的创意，让传播和互动，变得没那么难，我们将他们称为“傻子式”广告。在国内，这则广告是红牛为其赞助的现象级电视栏目《最强大脑》量身定做的。画面是北京国贸附近的一则广告原图，采用日常...
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 434
步骤很详细，直接上教程……
vue2---修饰符
weixin_45503872的博客
04-24 1019
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
vue 实现级联选择器功能
清音的博客
04-22 534
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
Redux 状态持久化之 redux-persist 使用示例
笔记、经验、日常分享
04-24 310
同vuex一样，redux中的状态会在刷新浏览器后状态又恢复到初始状态，有些数据想在浏览器刷新后仍然是在最新的状态，不会丢失，就需要借助一些插件实现。本文通过 redux-persist 插件来实现Redux状态的持久化。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 428
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
网页中如何让title属性变得可以复制?
09-17
为了让title属性能够被复制，您可以将title属性值设置为一个可以被选择的文本。在HTML代码中，您可以使用一个带有title属性的元素来实现这一点，例如： ``` <span title="This is a copyable title" class="copyable-title">这是一个可以复制的标题</span> ``` 然后，您可以使用CSS来将该元素设置为可以被选择，例如： ```css .copyable-title { user-select: all; } ``` 这样，当用户单击并选择该元素时，title属性就可以被复制了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值