【本文日更，让读者能看到作者的进度，不要催稿哦】
暂时改变网页显示的方法——审查元素
在讲什么是用户脚本之前，让我们先看一个案例。
打开此网址：https://tool.yijingying.com/musictools/，这是一个不错的音乐下载软件。强烈推荐！！
某些网站中会出现“请输入验证码、暗号”来获得下载链接/隐藏内容，为了跳过这些所谓人机验证实则为了给公众号拉流量(但这个软件着实好，建议大家也可以关注hhh)的弹窗，我们可以直接通过ctrl+shift+i或F12打开审查元素/检查页面，修改网站的显示，或直接找到按钮链接查看。
法一 直接去除遮罩
在审查元素左上角，可以看到一个图标
，这是一个非常好用的工具，可以很方便地定位页面元素。
使用时只需点击图标（1下），然后将鼠标悬浮在弹窗上，尽可能让出现的选中框包括整个弹窗，如图所示：
成功选中，点击绿色框，发现底下的HTML代码定位到了一个div元素：
这便是弹窗的HTML代码了，右键点击此代码块，点击“Delete elements”，弹窗就被去除了！
小练习
弹窗被去除了，但为什么按钮还是点不动呢？为了防止点击，网页在按钮与弹窗之间添加了一个半透明的页面，使得底部的按钮无法点击，但能看到内容。
现在请你将所有的遮罩（经统计一共有4层）全部去除，获得下载链接！（如图所示）：
你做出来了吗？
答案（视频教程）
[c-alert type=”info”]当且仅当做不出来时才能看答案哦！[](￣▽￣)*[/c-alert]
法二 《穷举》法
所谓穷举法，它有个更有名的名字，叫做枚举法。
怎么个穷举法呢？打开开发者工具（F12）或输入view-source:https://www.whg6.com/html/musictools/，搜寻按钮的HTML代码，最终找到：
所得既是链接。
[title-plane title=”小结?”]Chrome开发者工具是一种可以暂时改变页面显示的方法，可以用于短暂地删除页面中的烦人内容，但这些修改在网页刷新后即恢复原状，无法长久保存。为了能让修改在打开网页时自动执行，需要一个有用的工具，那就是用户脚本。[/title-plane]
法三 拓展方法（***）
一般网站验证码验证，都是会通过前端输入验证数据，传输到后端进行比对，然后以此返回是否，是则通过，不是则退回提示。
然而此网站因为不是涉及密码等隐私数据，并未采取此方案。相反，最终的数据存放在前端js中，相应比对工作也在前端完成，我们可以得到其最终答案。
当然，现在此网站进行更新，在点击按钮后会弹出弹窗，因此前两种方法失效
但第三种方案并未修复，因此也是可行的。
具体方法
首先判断是否与后端交互，一般是采用api调用的方式：
先随便输入暗号，提示密码错误
然后继续打开开发者工具，但转到网络一栏下，若未显示出则刷新网页后重新上述操作：
然后转到元素一栏，用法一所示工具定位到输入框：
一般而言获取input值采用的是class定位，于是搜索name（估计form-control是框架的类名称）
然后找到这里：
可以看到定义了个“anhao”变量，将其与md5(this.$content.find('.name').val())的值比较，这里的一串代表的是.name元素值，然后用md5加密。
简化而言：即输入值等于解密后的暗号
那么暗号唾手可得，即将6a4431c2173a2f065f60492e7a44212c md5反解即可！
这里我们用到一个好用的网站：md5在线解密破解,md5解密加密 (cmd5.com) 可以解密多种加密内容
那么例子就讲到这里了，还有一种是手动触发正确时调用的函数，也可达到目的
原创文章，作者：itray25 [站长]，如若转载，请注明出处：https://www.cospi.tk/f12/
![itray25 [站长]](http://www.cospi.tk/wp-content/uploads/member/avatars/238a0b923820dcc5.1668835291.jpg){kind=avatar}
评论列表（3条）
测试xxxxxxxxxxxxx赛赛
[g=qiang]
给 MD5 加点 颜值（盐值 SALT）[g=xieyanxiao]