用户:
A_KILLER查看:43 回复:32 评论:43 创建时间:2022-04-06T11:59:36
首先,我们先来了解一下F12是什么
F12是 "浏览器的开发者工具"
开发者工具最常用的四个功能模块:
元素(ELements)、控制台(Console)、源代码(Sources),网络(Network)。
今天我们主要用到 “元素” 来实现一秒成为源码传说的效果
注意:F12修改仅自己可见
刷新或重进 修改内容都会恢复原样!!
仅供 喵 使用!
好现在我们开始吧
首先,我们就用 Win10 自带的Edge浏览器演示(其他的也差不多)

首先,我们先打开自己的 个人中心、
然后按下F12
你就会得到一个 开发者工具
再从不知道多少代码里找到这行代码:
<i class="c-badge--normal c-badge--icon-badge2"></i>
当然,不想找也可以
我们只需要,找到
鼠标移到它那里,右键 再按下 N键
然后你也会得到一个 开发者工具
但它已经给你定位好了

最后我们只需要双击
把
c-badge--normal c-badge--icon-badge2
后面的 数字 改为“5”
小提示:不同的数字,效果有不同哦!
如:

再点击任意地方,你就会发现你变成“源码传说”啦!

怎样,是不是很酷!
再次提示:
F12修改仅自己可见
刷新或重进 修改内容都会恢复原样!!
仅供 喵 使用!
所以,快截图给你的小伙伴炫耀吧!
学会了,就快去实践吧!
Q_A_G________我直接
document.getElementsByClassName("r-user-c-banner--icon c-badge--icon"[0].firstElementChild.setAttribute("class", "c-badge--normal c-badge--icon-badge5");
就可以了!
点赞0
评论