select框怎么传值到服务端_当你在浏览器中,忘记了曾经的登录密码怎么办...

前言

你还在为使用浏览器的时候,忘记密码而烦恼吗?今天要分享的不为人知的小技巧,利用前端技术原理来帮助你找回原密码。

在我们使用各种网站登录时,总会勾选上记住密码这一项。

9873df4065b9540e44c96ae14e8f1384.png

但长时间依赖记住密码,难免有遗忘的情况,那么,如何才能知道自己的密码是多少呢?

887cde3e88f12da7cae9c8a35e6495f4.gif

浏览器技巧

这里以百度账号登陆举例,谷歌浏览器:

311a522a08653d3923e27bdef59dd5ef.png
  1. 首先按下 F12 ,打开开发者工具,你会发现多了一个弹框在下面,如下图:
7b7a25c0a3e0162979a0068e89085179.png
  1. 点击弹框左上角的鼠标样式:
cf73851027dff4d518bd0ad94f8763b6.png
  1. 点用鼠标点击密码框,你会发现下面的开发者工具栏跳到了对应的前端代码行:
30fc68e81909e7fa5f7c991fae34ebfc.png
  1. 在前端页面中,
# 会将我们页面上的密码变成星星,意思是密码样式type=“password” # 我们将它改为:type=“text”

修改完毕后,你会发现,密码框已经被显示出来了:

334e7e4828c7155da8bf1984be2c044a.png

到这里呢,以上步骤,就将我们原来记住的密码(被遗忘的密码)显示出来了,是不是学到了呢?

原理

从技术的角度出发,来说说原理。

其实原理很简单,但凡学过一点 HTML 的同学,就知道,我们的页面都是通过 HTML 标签写出来的,而每个标签对应着不同的功能。

当你把原本的密码类型输入框,改为了文本类型,自然页面就会以文本的形式展现了。

但当我们刷新页面后,你会发现,页面重新回到了原来密码的显示下。

6690d39d8450d0ea29137558652e77a3.png

因为你改变的仅仅是当前显示的代码。一旦刷新页面,浏览器又会重新请求服务端,所以代码又回去了。

安全

既然提到了这个小技巧,不得不说安全的问题了。

假设你有一台别人的电脑,并且他的电脑处于未锁屏状态。而大部分人都有记住密码的习惯,所以你想要知道他各个曾经登陆过的网站密码,岂不是很容易。

猜测因为有这个技巧,Safari浏览器很好的在记住密码之后做了一步登陆验证的提示,确保是电脑拥有者在使用,如下图:

93aad580df4506bb920e5e1883596949.png
66c77fd62ce831769df4f2508e8abfa1.png

从各大浏览器安全角度来说,还是 Safari 靠谱一些。

说了这么多,如何避免?

建议:尽量给自己电脑设置一个登录密码,离开电脑的时候,养成随手锁屏的好习惯!

一些要注意的点

利用直接修改前端样式的玩法,还可以这么玩,如下图:

5ef9ea19fec7d2d1d0de05bdff518b0b.png

咪哥杂谈,粉丝破亿!百度热搜,排名第一,啊哈哈哈哈!

7b19d2898f09cff351c6db6ee8b9fe6b.gif

总结

这就是本期的不为人知的小技巧,怎么样?聪明的你,学会了吗!

455c59777d93933f798c7be05ddee162.gif

本篇就到这里,我们下篇再见~

有什么问题,欢迎下方留言区评论探讨!~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值