浏览器 刷新页面后回到顶部_当你在浏览器中,忘记了曾经的登录密码怎么办......
当你在浏览器中,忘记了曾经的登录密码怎么办...
前言
你还在为使用浏览器的时候,忘记密码而烦恼吗?今天要分享的不为人知的小技巧,利用前端技术原理来帮助你找回原密码。
在我们使用各种网站登录时,总会勾选上记住密码这一项。
但长时间依赖记住密码,难免有遗忘的情况,那么,如何才能知道自己的密码是多少呢?
浏览器技巧
这里以百度账号登陆举例,谷歌浏览器:
- 首先按下 F12 ,打开开发者工具,你会发现多了一个弹框在下面,如下图:
2.点击弹框左上角的鼠标样式:
3.点用鼠标点击密码框,你会发现下面的开发者工具栏跳到了对应的前端代码行:
4.在前端页面中,
# 会将我们页面上的密码变成星星,意思是密码样式
type=“password”
# 我们将它改为:
type=“text”
修改完毕后,你会发现,密码框已经被显示出来了:
到这里呢,以上步骤,就将我们原来记住的密码(被遗忘的密码)显示出来了,是不是学到了呢?
原理
从技术的角度出发,来说说原理。
其实原理很简单,但凡学过一点 HTML 的同学,就知道,我们的页面都是通过 HTML 标签写出来的,而每个标签对应着不同的功能。
当你把原本的密码类型输入框,改为了文本类型,自然页面就会以文本的形式展现了。
但当我们刷新页面后,你会发现,页面重新回到了原来密码的显示下。
因为你改变的仅仅是当前显示的代码。一旦刷新页面,浏览器又会重新请求服务端,所以代码又回去了。
安全
既然提到了这个小技巧,不得不说安全的问题了。
假设你有一台别人的电脑,并且他的电脑处于未锁屏状态。而大部分人都有记住密码的习惯,所以你想要知道他各个曾经登陆过的网站密码,岂不是很容易。
猜测因为有这个技巧,Safari浏览器很好的在记住密码之后做了一步登陆验证的提示,确保是电脑拥有者在使用,如下图:
从各大浏览器安全角度来说,还是 Safari 靠谱一些。
说了这么多,如何避免?
建议:尽量给自己电脑设置一个登录密码,离开电脑的时候,养成随手锁屏的好习惯!
一些要注意的点
利用直接修改前端样式的玩法,还可以这么玩,如下图:
咪哥杂谈,粉丝破亿!百度热搜,排名第一,啊哈哈哈哈!
总结
这就是本期的不为人知的小技巧,怎么样?聪明的你,学会了吗!
本篇就到这里,我们下篇再见~
有什么问题,欢迎下方留言区评论探讨!~
浏览器 刷新页面后回到顶部_当你在浏览器中,忘记了曾经的登录密码怎么办......相关推荐
- 浏览器 刷新页面后回到顶部_JavaScript仿知乎回到顶部功能
一般的网站都有个回到顶部,回到顶部又有多种方法可以实现, 方法1: 在css中添加 html {scroll-behavior: smooth; } 然后在回到顶部按钮上加一个a标签,herf属性写顶 ...
- vue-router刷新页面后回到首页
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.[[点击跳转到网站.]] 今天给大家分享一个小知识点!注意查收! 平时我们再写vue项目配置完路由之后会发现他不会自动 ...
- 页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置
当div中绑定数据,给它一个属性overflow-y: scroll,添加长度大小,使其能够出现滚动条:每次刷新的时候滚动条总是会出现在最上方,这使我很头疼,经过查阅网上资料,返现两种方法可行.如下: ...
- 使用vue 刷新页面后state数据被清空的问题(刷新总是跳转到登陆页面)
在实际的vue项目中,当我们的应用遇到多个组件之间的共享问题时,通常会用到Vuex(一个状态管理的插件,可以解决不同组件之间的数据共享和数据持久化),解决组件之间同一状态的共享问题. 因子: Vuex ...
- JavaScript 简介 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 简介 JS 教程 JS 实现 JavaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设 ...
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法 参考文章: (1)解决element-ui中el-m ...
- uniapp 微信小程序分页方法:uni-pagination分页插件和上拉分页、下拉加载刷新、刷新后回到顶部
1.uni-pagination分页插件 先去uniapp插件市场安装分页插件: uni-app官网https://uniapp.dcloud.io/component/uniui/uni-pagin ...
- java浏览器刷新页面_使用js刷新浏览器页面
reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) ...
- js 刷新页面但是不闪烁_前端开发还在手动刷新页面?手把手教你搭建一个自动刷新工具...
作为一名前端,开发web页面是我们的本职工作.在完成一个页面开发的过程中,保存代码然后手动刷新页面查看效果,这样的动作需要重复无数次,虽然一次这样的动作可能只要花费几秒钟的时间,但是次数多了也挺浪费时 ...
最新文章
- 程序员 专属的新年祝福原来是这样的! (附中奖名单)
- aix 5.3 安装oracle 10g r2,在AIX5上安装ORACLE10G R2的步骤
- Windows系统程序设计之结构化异常处理
- Lachesis Shield 设计上的抉择
- 微机原理——总线和时序
- react中使用构建缓存_使用React和Netlify从头开始构建电子商务网站
- thinkphp josn mysql_ThinkPHP:JSON字段类型的使用(ORM)
- Node.js OS 模块
- jQuery 学习笔记 迭代jQuery对象和非jQuery对象
- cad怎么选择一个对象打散vba_CAD制图的二十四字秘诀!
- 数据库笔记06:创建并管理数据表
- java logfaction_Java8 下 重构log
- Java事件处理机制的两个案例
- 怪事总是发生我身上,铜证如山
- ASP.NET MVC Flash 在线拍照
- 谷歌地球 hosts文件_NO—谷歌地球===YESgt;gt;GoogleEarth
- 从键盘输入一个阿拉伯数字,输出对应的财务数字, 用switch。/*零、壹、贰、叁、肆、伍、陆、柒、捌、玖、亿、万、仟、佰、拾。
- 开源 免费 java CMS - FreeCMS2.8 会员头像设置
- Thanos Query Frontend
- 小程序开发学习一:开发语言解析