网页密码忘了?教你一招显示出来-UI黑客

20171121-网页密码忘了?教你一招显示出来

看完本文你将解决以下问题

  • 如何显示网页密码
  • Chrome浏览器管理你的密码

问题场景再现

突然有一天,自己忘了密码怎么办?

大多数时候我们会去找回密码,手机验证、密保问题等等,新密码还会增加我们的密码记忆负担。那么如何更简单地找回密码呢?

其实现代很多浏览器都带了保存密码功能,我们只要把密码显示出来就可以了。

步骤一

比如QQ的第三方授权登录界面,我忘了自己的QQ密码,面对密码框里面的点,你需要做的第一步就是右键查看元素。找到<input type="password" 这行。

网页密码忘了?教你一招显示出来-UI黑客
网页密码忘了?教你一招显示出来-UI黑客

不同浏览器查看代码元素的方法大同小异,Safari需要注意,默认是没有查看元素的,我们需要按照这个步骤把它显示出来:偏好设置-高级-在菜单栏显示开发菜单,勾选,就可以了。

步骤二

password改成text,然后回车确定,就可以显示密码了。

网页密码忘了?教你一招显示出来-UI黑客

这里补充个知识点,input标签在html里面用于搜集用户信息,用password,里面输入的密码会以点来显示,我们做的只是把值改成text,就是文本,这样就可以把密码显示出来了。

其他

其实Chrome浏览器的密码记录功能也可以找到我们经常使用的密码。

Chrome设置-高级-管理密码,点击右侧的眼睛,输入电脑密码就可以看到。

网页密码忘了?教你一招显示出来-UI黑客

结语

这次的密码找回,我们接触到了html中的input标签,这也是最基本的html必备知识点。

UI是充满技术性的,作为UI设计师,了解一下html非常有必要。