轻松查看浏览器记住的密码

2018年5月29日 1 条评论 241 次阅读 8 人点赞

在第一次登陆网站的时候,浏览器常常会弹出提示框,询问你是否要保存此密码。这个功能十分方便——保存后下次再登陆这个网站的时候,就无需重新输入密码,浏览器会自动帮你填写登陆表单。但是浏览器保存的密码安全吗


答案当然是不安全。本文 Jed 将介绍四种查看浏览器保存密码的方法。需要注意的是,这并不是什么安全漏洞(如果你硬说是那也算是吧),而是浏览器对保存密码功能的实现方式就是这样。另外声明,请勿根据本文方法去做不合适的事

 

方法一:正规方法

这个没什么好讲的,是浏览器本身提供的功能。以 Chrome 为例,其他浏览器大致类似。

依次进入【设置】-【密码和表单】-【管理密码】。在【已保存的密码】一栏便可以查看了。当然,你需要验证 Windows 账户后才能查看已保存的密码。

 

方法二:修改表单属性

讲解这个方法前,首先说明一下表单中密码只显示圆点或者星号的原理。非常简单:是因为这个输入表单有一个属性是 type="password",浏览器在显示此表单时,就会将该字段内容隐藏为圆点或星号。若要查看表单中的内容,只需要修改或绕过这个 type 属性就行了。

1.在密码框内点击鼠标右键,选择【检查】(或【审查元素】,视浏览器而定),打开开发者工具。打开开发者工具的快捷键默认为【F12】。
2.弹出的开发者工具窗口中应该已经默认选中了当前表单,一般是以 <input 开头的一行代码,在其中找到 type="password" 字段,将其改为以下内容,按下回车。

type="text"

 

3.密码已经显示在原先的输入框了。效果图如下:

 

方法三:使用 $0.value

该方法不修改表单,而是直接通过开发者工具查看元素的值。注明:下面的 $0 代表“当前选中的元素”,在前端开发中常用。
1.同方法二第 1 步,在密码框内点击右键,选择“检查”。
2.在开发者工具窗口中点击【Console】(中文是【控制台】)。
3.输入以下命令并回车:

$0.value

4.密码显示在控制台中。

 

注意:使用此方法时务必确认你的确是在密码框内点击右键进入控制台的,否则可能会提示 undefined 错误。

 

方法四:执行 JavaScript

这个方法与方法二原理完全相同,只是将手动修改属性换成了执行 JavaScript 代码而已。在网页上执行 JS 代码有以下三种方式,先放一张效果图:

 

1.打开已经保存密码的页面,然后在地址栏输入以下代码,直接回车执行:(双击代码以选中)

javascript:if(confirm('是否显示密码?')){document.querySelectorAll('[type=password]').forEach(f=>f.type='text')};

2.在【Console】控制台中输入上面的代码,然后按下回车。(打开控制台参见上方方法三)

3.也可以将下面的卡片拖至收藏栏,下次直接点击即可执行此代码。

显示密码

 

代码来自:https://www.vtrois.com/retrieve-browser-password.html

 

写在后面

如果将方法一和后面三个方法结合,先从设置中进入已保存密码的网站,再通过后面三种方法获取密码,就可以查看到浏览器已经保存的全部密码了。再次提示,本文是技术分享,请勿使用本文方法去做任何“不合适”的事情噢。

 

Jed

一名狂热的技术爱好者。

文章评论(1)

  • J2

    那个书签确实很方便哈哈 :mrgreen:

    2018年5月29日
  • 提示:有人回复时会邮件通知您