修改网页内容，随心所欲改变网站显示内容

已于 2023-06-17 17:33:19 修改
阅读量2.8w 收藏 113
点赞数 19
分类专栏： # HTML+CSS # JavaScript 生活实用小工具 文章标签： javascript 修改网页
于 2017-09-03 17:55:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39517820/article/details/77824165
版权

如题

第一步： 打开 浏览器，找到想要改变的网页
在这里插入图片描述
第二步：按下 F12 按钮
在这里插入图片描述

第三步：选择Console，点击 输入下面代码

javascript:document.body.contentEditable='true';document.designMode='on'; void 0

在这里插入图片描述

第四步：按下回车按钮，你就可以随心所欲的修改这个网站啦！

效果如下
在这里插入图片描述
在这里插入图片描述

第五步：输入如下代码，将退出编辑状态！至此网页已经被你修改啦~

javascript:document.body.contentEditable='false';document.designMode='on';void 0

在这里插入图片描述

晴天有点孤单
关注
  • 19
    点赞
  • 踩
  • 113
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 11
    评论
专栏目录
如何修改网页中的文本内容改成自己希望的数值？
任聪聪的博客
12-05 2万+
本篇文章主要讲解，通过浏览器命令和浏览器自带的F12开发者工具，进行修改网页内容的方法教程 日期：2021年12月5日 作者：任聪聪 一、通过F12开发者工具进行修改 进入方式汇总： 1.右击鼠标，显示菜单找到审查 2.通过快捷键F12进入，笔记本需要先关闭fnlk功能键。 开发者工具介绍 说明： 1.表示选择元素，点击后可以选择文本的元素所在地 2.表示显示方式，手机还是电脑 3.表示div元素，点击后可以展开，对div内的html和文本进行编辑。 双击文本，即可进行修改成自己想要的，但是刷新后.
【浏览器】浏览器控制台 Mock 响应数据，更改页面显示内容
Hemri2580的博客
12-12 1494
有时候后台返回的数据可能不是想要的数据或缺失想要的字段，这个时候就可以直接操作浏览器的控制台 netWork 选项，进行数据的模拟。比如改写下图中的数据内容。
如何随意修改网页内容
m0_69976201的博客
11-24 5647
随意修改网页内容的方法！
一行代码修改网页内容
qq_52331186的博客
01-10 777
在Console输入内容并回车：document.body.contentEditable=true。F12进入开发者模式。
浏览器F12开发者工具--«你真的会用»系列
最新发布
qq_16445077的博客
05-28 1791
开发者工具最常用的四个功能模块：元素（ELements）、控制台（Console）、源代码（Sources），网络（Network）。
一行代码就能随意修改网页内容
web全栈开发的博客
09-02 1万+
一、打开你想要编辑的网站 我这里拿百度首页做个示范。 二、进入开发者模式 按F12进入开发者模式 。 三、输入神奇代码 1、打开随意编辑网页内容的功能 选择Console，在命令框输入document.designMode='on'后按回车。 这时你可以发现，点到文字处，会出现小光标，这就说明你可以修改这里的内容。 此时直接就可以修改光标处的内容，这里我随便改一下（不是真的改，刷新页面即可恢复原来网页内容）。 2、关闭随意编辑网页内容的功能 选择Console，在命令框...
神奇的代码——可随意修改复制页面内容
ZShiJ的博客
12-20 2334
需要注意的是，这段代码只能在支持JavaScript的浏览器中运行，并且需要具有足够的权限才能修改网页内容。进入开发者模式：在大多数浏览器中，你可以通过按下F12键或右键单击页面并选择"检查"来进入开发者模式。是一个JavaScript代码，用于将文档的模式设置为可编辑模式。这段代码是用于在网页中以可编辑模式打开原始页面的JavaScript代码。输入命令：在控制台中，你可以输入任何有效的JavaScript代码。这意味着你可以在控制台中直接编辑网页的内容，就像在Word文档中一样。
修改页面快捷命令document.body.contentEditable=‘true‘；
热门推荐
小清华的小哥哥
08-28 2万+
众所周知 F12可以临时修改网页，达到‘伪造’的目的，但每次都需要找到修改元素的位置才行，不是很方便。 下面有两个快捷命令： 1、进入开发者模式（F12或鼠标右击后选择检查），在开发者模式中进入控制台（ctrl+shift+k或鼠标左击‘控制台’），然后在控制台下方的命令窗口内输入命令document.body.contentEditable='true'; 然后回车，就可以像编辑word文档一样随意编辑原始页面了（ps：此时退出开发者模式也可以继续编辑，只要不刷新页面就行）。 2、同上，进入控制台后，输
JavaScript修改HTML的内容
weixin_59246157的博客
03-24 1342
/ document.querySelector(".myText").innerText = "新的文本内容";document.getElementById("myText").innerHTML = "新的文本内容";document.querySelector(".myText").innerHTML = "新的文本内容";// elements[i].innerText = "新的文本内容";// elements[i].innerText = "新的文本内容";
HTML网站源码-服务动态信息显示网页模板-移动端可用.zip
03-22
高度可定制 — 这份源码易于修改和扩展，让你随心所欲地定制功能和样式，无需担心技术难题。 SEO优化结构 — 良好的SEO结构让你的网站更容易被搜索引擎发现，提升品牌曝光度，带来更多潜在客户。 作为一名程序员，...
UKcms内容管理系统源代码
03-18
UKcms是一款基于PHP7和mysql技术，简洁、灵活、强大的网站内容管理系统。底层使用面向对象的轻量级PHP开发框架，采用惰性加载，及路由、配置和自动加载的缓存机 制，确保系统高效运行，可使网站数据达到百万级负载。...
专用网页修改程序代码
08-17
用来修改网页显示不支持的不正常的乱码的等等
大学生创业计划随心所欲GO服务网站样本.doc
11-23
【大学生创业计划随心所欲GO服务网站样本】 一、项目简介 随心所欲GO服务网站是一个专注于提供各类商店折扣信息和品牌活动的新型信息服务类门户网站。它旨在利用互联网的便捷性和技术成熟度，满足现代人快速生活...
NetCMS 网站内容管理系统 V1.5
09-20
具有强大的标签加样式的个性化组合，自定义标签、自定义表单、JS管理加JS模型（自定义JS，系统JS）的灵活应用，支持不同频道、栏目、内容页、专题等应用不同的模板，随时能编辑、修改和更换网站界面，系统集成类同...
Android自定义日历并随心所欲改变界面样式
02-28
本文将深入探讨如何实现这样一个功能，以及如何随心所欲地改变其界面样式。 首先，我们需要了解Android日历的基本结构。日历通常由月份视图、日期视图和事件视图组成。月份视图展示一个月的日期布局，日期视图则...
f12键修改网页html,问如何通过F12键来快捷的修改网页
weixin_31151281的博客
06-03 8843
其它网友回答：您好，感谢您选择惠普产品。一、有些型号的笔记本的BIOS中有action key mode功能，可以对F快捷键进行设置。如果您使用的是“家用笔记本”，请您开机后不停点击F10键进入BIOS中，看是否有“system configuration--action key mode”选项，如果有，您可以根据自己的需要来对F1～F12键进行相应设置，设置方法如下：1、如果您将action k...
实现编辑网页document.body.contentEditable
JackieDYH的博客
04-26 8003
发现一个好玩的，可以用来编辑网页 打开console输入，即可。 document.body.contentEditable='true'; javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 用鼠标点击网源站的内容，看！ 可以任意修改网页百的内容了 现在你会发现他的...
几组超神奇的网页应用代码要你在IE浏览器任意打开一个网站，然后在浏览器上输入如下代码神奇的代码，可随意修改复制页面内容！
justdoit的专栏
03-04 1万+
小技巧
超声随心所欲win7版
11-09
超声随心所欲是一款功能强大的Windows 7版本的超声波测距软件。它使用超声波技术，可以帮助用户测量距离和检测物体的存在。这款软件简单易用，方便操作。用户只需要将计算机连接到超声波传感器，并安装超声随心所欲软件，就可以开始使用了。 超声随心所欲具有多种实用功能。首先，它可以测量距离。用户只需设置好传感器的工作范围和测量精度，然后点击测量按钮，软件就会自动发射超声波，并计算出距离。这对于需要精确测量距离的任务非常有帮助，比如建筑工程或者地理测量。 其次，超声随心所欲还可以用于物体检测。用户可以设置好传感器的检测范围和灵敏度，然后软件将会实时监测传感器接收到的超声波反射信号。当有物体进入检测范围并被传感器探测到时，软件会发出警报。这对于需要保护特定区域或者监视物体进出的任务非常有用，比如安防系统或者仓库管理。 此外，超声随心所欲还提供了数据记录和导出功能，用户可以随时查看以前的测量记录，并将数据导出为Excel或者CSV文件进行进一步分析和处理。 总之，超声随心所欲Win7版是一款功能强大、易于操作的超声波测距软件。它可以在距离测量和物体检测方面提供有效的帮助，并且有着方便的数据记录和导出功能。无论是在工程领域还是安防领域，这款软件都能够满足用户的需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晴天有点孤单

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值