用Javascript就能把优快云给 “黑” 了，JavaScript真的是无所不能了

最新推荐文章于 2025-06-11 14:05:38 发布
最新推荐文章于 2025-06-11 14:05:38 发布 · 101 阅读 · 0
文章标签：

#JavaScript #ViewUI

本文介绍了一种使用JavaScript临时编辑网页内容的方法。通过在浏览器地址栏中输入特定的JavaScript代码，可以使得大部分网页的内容变得可编辑。这种方法适用于前端开发者进行快速测试或修改。

效果如下(这不是PS的)：

当然这不是真的把优快云给黑了，这是用了一点javascript技巧

如何实现：

打开优快云首页，在地址栏里面输入 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
用鼠标点击网站的内容，看！ 可以任意修改网页的内容了

绝大部分网页都可以这样改的，试试吧

iteye_2449
关注
“无所不能”的 ChatGPT，正准备把各行各业打得满地找牙
mukewangguanfang的博客
12-07 3341
如果有一天，你遇到的任何问题，都能通过搜索找到答案，那会是什么体验？这个疯狂的现实正在离我们越来越近。继AI绘画，AI编程搅得满城风雨后，美国的人工智能团队OpenAI最近又整了个大活——他们推出了一款智能对话AI程序，名为ChatGPT。如果仅是微软小冰这种程度的对话AI，人们已经见怪不怪了。但诡异的地方在于，这个程序被训练得过于聪明，过于强大，甚至有取代一些岗位的趋势了。从网友的各类尝试来看，他可以回答各种各样的问题，包括历史、文化、科技等等，能够求医问药，提供建议，还能对一些问题发表看法，甚至改bug
修改页面快捷命令document.body.contentEditable=‘true‘；
热门推荐
小清华的小哥哥
08-28 2万+
众所周知 F12可以临时修改网页，达到‘伪造’的目的，但每次都需要找到修改元素的位置才行，不是很方便。 下面有两个快捷命令： 1、进入开发者模式（F12或鼠标右击后选择检查），在开发者模式中进入控制台（ctrl+shift+k或鼠标左击‘控制台’），然后在控制台下方的命令窗口内输入命令document.body.contentEditable='true'; 然后回车，就可以像编辑word文档一样随意编辑原始页面了（ps：此时退出开发者模式也可以继续编辑，只要不刷新页面就行）。 2、同上，进入控制台后，输
前端整活神器！只需一行代码，瞬间编辑任意网页，想改哪里改哪里
weixin_42925303的博客
04-15 1918
页面一键编辑
如何可以修改浏览器页面上的内容
最新发布
weixin_45582252的博客
06-11 925
浏览器内部会监听用户对该元素的键盘输入事件、鼠标事件等，然后将用户的输入直接应用到DOM树中，修改元素的文本节点和子节点。，实际上是将整个网页的正文区域都设置成了可编辑状态。用户可以像在文本编辑器中一样，直接点击、输入、删除和修改网页上的内容。是HTML元素的一个全局属性，表示该元素的内容是否可被用户直接编辑。是一种让网页正文（body元素）变为可编辑状态的简单方法。这意味着用户的操作会直接改变页面的DOM结构，而不像普通网页那样是只读的。
将浏览页面变为可编辑状态
lixinkuan的博客
08-05 3137
调试过程往往需要直接去掉一些元素，可以同过浏览器执行js来实现页面元素可编辑。 地址栏中键入如下后回车： javascript:document.body.contentEditable='true';document.designMode='on'; void 0 浏览器如果跳转，则需要通过浏览器调试模式进入该状态，按F12找到console控制台功能，输入上面代码回车即可编辑所有元素。 ...
【JavaScript动态交互】：为你的HTML页面注入生命
首先概述了JavaScript的基本概念和动态交互的重要性，接着详细阐述了JavaScript的基础语法以及文档对象模型（DOM）的操作技巧。随后，文章聚焦于交互式元素的实现，包括表单验证、动态动画效果以及响应式设计的策略...
【EndNote X9扩展你的视野】：10个插件让EndNote无所不能
首先，概述了EndNote X9的基本使用方法和功能，为读者提供了一个全面的基础认识。随后，重点分析了EndNote X9的插件生态，包括插件的分类、安装、管理以及核心插件的深入解析，帮助用户提升文献管理和学术写作的效率...
图形学中的几何变换实战手册：理论基础与实际应用，让你的图形变换无所不能
参考资源链接：[计算机图形学基础教程课后习题答案.pdf](https://wenku.csdn.net/doc/64646cb8543f844488a1829c?spm=1055.2635.3001.10343) # 1. 图形变换的数学原理与分类 ## 1.1 图形变换的数学基础 图形变换是...
【STS8200编程界限拓展法】：掌握这7大高级技巧，让你的代码无所不能
参考资源链接：[STS8200编程手册v3.21：ATE开发必备](https://wenku.csdn.net/doc/6401ab9acce7214c316e8d7d?spm=1055.2635.3001.10343) # 1. STS8200编程界限拓展法概览 STS8200编程界限拓展法是针对提高软件开发...
实现编辑网页document.body.contentEditable
JackieDYH的博客
04-26 8616
发现一个好玩的，可以用来编辑网页 打开console输入，即可。 document.body.contentEditable='true'; javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 用鼠标点击网源站的内容，看！ 可以任意修改网页百的内容了 现在你会发现他的...
一行代码就能随意修改网页内容
web全栈开发的博客
09-02 1万+
一、打开你想要编辑的网站 我这里拿百度首页做个示范。 二、进入开发者模式 按F12进入开发者模式 。 三、输入神奇代码 1、打开随意编辑网页内容的功能 选择Console，在命令框输入document.designMode='on'后按回车。 这时你可以发现，点到文字处，会出现小光标，这就说明你可以修改这里的内容。 此时直接就可以修改光标处的内容，这里我随便改一下（不是真的改，刷新页面即可恢复原来网页内容）。 2、关闭随意编辑网页内容的功能 选择Console，在命令框...
万能的代码
猿的一天
03-11 8637
只要在浏览器中，打开任意一个网站，然后在浏览器上输入如下代码javascript:document.body.contentEditable='true';document.designMode='on';void0 按下回车，你就可以随心所欲的修改这个网站的内容啦！(按住ctrl+x,有意想不到的彩蛋) ...
谷歌Chrome或微软Edge浏览器修改网页任意内容
驯龙高手_追风的博客
03-13 2178
本文介绍如何通过浏览器开发者工具修改网页为可编辑状态。操作步骤：1)按F12打开开发者工具；2)切换到Console选项卡；3)输入命令回车。执行后网页内容即可自由编辑，适用于Chrome、Edge等主流浏览器。该方法简单快捷，无需安装额外插件，适合临时修改网页内容的需求。文中配有详细的操作截图说明。
黑科技：编辑任何网页只需要一句代码
Haines
04-21 328
代码： document.body.contentEditable='true'; 代码二： document.body.contentEditable='false'; 功能介绍：第一段代码可以使任何网页进入在线编辑状态，第二段代码退出编辑状态
任意修改网页内容
waxyan的专栏
10-21 2442
在浏览器的地址栏内输入以下内容 javascript：document.body.contentEditable='true' document.desigMode='on' void:0 回车之后即可编辑网页。 输入下面语句即退出编辑 Javascript：documen.body.contentEditable='false';void 0
一个超NB的轻松黑掉网站方法
蜡笔小辛的专栏
07-16 1万+
一、打开你要黑的网站，如：http://blog.csdn.net/二、在浏览器的地址栏里输入：javascript: document.body.contentEditable="true"; document.designMode="on"; alert("you can modify this page now, as you wish."); void 0 三、现在你会发现他的
优快云上的JavaScript编程技巧分享
标题和描述中提到的“csdn”显然是指中国最大的IT社区和服务平台之一——优快云（China Software Developer Network）。优快云不仅为IT专业人士提供了海量的技术文章、资源下载和互动社区服务，还经常举办线上线下的技术...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值