当你在浏览器中,忘记了曾经的登录密码怎么办...

前言

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

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

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

浏览器技巧

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

  1. 首先按下 F12 ,打开开发者工具,你会发现多了一个弹框在下面,如下图:

2.点击弹框左上角的鼠标样式:

3.点用鼠标点击密码框,你会发现下面的开发者工具栏跳到了对应的前端代码行:

4.在前端页面中,

# 会将我们页面上的密码变成星星,意思是密码样式
type=“password”
# 我们将它改为:
type=“text”

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

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

原理

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

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

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

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

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

安全

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

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

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

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

说了这么多,如何避免?

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

一些要注意的点

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

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

总结

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

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

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

浏览器 刷新页面后回到顶部_当你在浏览器中,忘记了曾经的登录密码怎么办......相关推荐

  1. 浏览器 刷新页面后回到顶部_JavaScript仿知乎回到顶部功能

    一般的网站都有个回到顶部,回到顶部又有多种方法可以实现, 方法1: 在css中添加 html {scroll-behavior: smooth; } 然后在回到顶部按钮上加一个a标签,herf属性写顶 ...

  2. vue-router刷新页面后回到首页

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.[[点击跳转到网站.]] 今天给大家分享一个小知识点!注意查收! 平时我们再写vue项目配置完路由之后会发现他不会自动 ...

  3. 页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置

    当div中绑定数据,给它一个属性overflow-y: scroll,添加长度大小,使其能够出现滚动条:每次刷新的时候滚动条总是会出现在最上方,这使我很头疼,经过查阅网上资料,返现两种方法可行.如下: ...

  4. 使用vue 刷新页面后state数据被清空的问题(刷新总是跳转到登陆页面)

    在实际的vue项目中,当我们的应用遇到多个组件之间的共享问题时,通常会用到Vuex(一个状态管理的插件,可以解决不同组件之间的数据共享和数据持久化),解决组件之间同一状态的共享问题. 因子: Vuex ...

  5. JavaScript 简介 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

    JavaScript 简介 JS 教程 JS 实现 JavaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设 ...

  6. 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法

    解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法 参考文章: (1)解决element-ui中el-m ...

  7. uniapp 微信小程序分页方法:uni-pagination分页插件和上拉分页、下拉加载刷新、刷新后回到顶部

    1.uni-pagination分页插件 先去uniapp插件市场安装分页插件: uni-app官网https://uniapp.dcloud.io/component/uniui/uni-pagin ...

  8. java浏览器刷新页面_使用js刷新浏览器页面

    reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet])                                            ...

  9. js 刷新页面但是不闪烁_前端开发还在手动刷新页面?手把手教你搭建一个自动刷新工具...

    作为一名前端,开发web页面是我们的本职工作.在完成一个页面开发的过程中,保存代码然后手动刷新页面查看效果,这样的动作需要重复无数次,虽然一次这样的动作可能只要花费几秒钟的时间,但是次数多了也挺浪费时 ...

最新文章

  1. 程序员 专属的新年祝福原来是这样的! (附中奖名单)
  2. aix 5.3 安装oracle 10g r2,在AIX5上安装ORACLE10G R2的步骤
  3. Windows系统程序设计之结构化异常处理
  4. Lachesis Shield 设计上的抉择
  5. 微机原理——总线和时序
  6. react中使用构建缓存_使用React和Netlify从头开始构建电子商务网站
  7. thinkphp josn mysql_ThinkPHP:JSON字段类型的使用(ORM)
  8. Node.js OS 模块
  9. jQuery 学习笔记 迭代jQuery对象和非jQuery对象
  10. cad怎么选择一个对象打散vba_CAD制图的二十四字秘诀!
  11. 数据库笔记06:创建并管理数据表
  12. java logfaction_Java8 下 重构log
  13. Java事件处理机制的两个案例
  14. 怪事总是发生我身上,铜证如山
  15. ASP.NET MVC Flash 在线拍照
  16. 谷歌地球 hosts文件_NO—谷歌地球===YESgt;gt;GoogleEarth
  17. 从键盘输入一个阿拉伯数字,输出对应的财务数字, 用switch。/*零、壹、贰、叁、肆、伍、陆、柒、捌、玖、亿、万、仟、佰、拾。
  18. 开源 免费 java CMS - FreeCMS2.8 会员头像设置
  19. Thanos Query Frontend
  20. 小程序开发学习一:开发语言解析

热门文章

  1. Java入门第37课——猜字母游戏之设计数据结构
  2. RESTFULL 03 rest-framework视图
  3. nrf52832开发配置文件小记
  4. Editor GUI 的 Gamma Correction
  5. hadoop的伪分布环境配置(2.5.2)
  6. 转 java中static{}语句块详解
  7. nginx做代理上网
  8. [转载] python 中numpy快速去除nan, inf的方法
  9. [转载] java构造函数初始化与执行顺序问题
  10. verilog之状态机详细解释(二)