通过JS获取浏览器保存的密码之4个方法

相信不少人有过类似的经历，为了方便，让浏览器记住了登录密码，时间长了之后忘记密码了，想从浏览器中获取密码，下面介绍4个使用javascript获取浏览器保存的密码的方法。

以下4个方法都是针对基于Chromium内核的浏览器，例如 chrome、360浏览器等浏览器，至于IE浏览器则方法有所不同，本文不作讲解。

第1步

打开网站，在密码输入框内鼠标右击，选择“审查元素”，浏览器底部弹出网页的代码，并自动定位到密码框的代码段。

1. 第一种方法

本方法最简单，直接在 Console 控制台中输入以下命令并回车：

> $0.value

2. 第二种方法

回到网页的代码中，把type="password"改为type="text"，并回车，密码区已经不再是黑色点号，而是直接将保存过的密码显示了出来。

3. 第三种方法

回到网页的代码中，查看是否有id，如果没有就加一个，例如 id="admin_password"，打开控制台，输入如下命令并回车：

> console.log(admin_password.value)

4. 第四种方法

回到网页的代码中，查看是否有name，如果没有就加一个，例如 name="mail-pwd"，打开控制台，输入如下命令并回车：

> document.getElementsByName("mail-pwd")[0].value

用 document.getElementById("mail-pwd").value 同理。

---

参考文章：

• 通过JS轻松读取浏览器保存的用户密码: https://www.fedte.cc/p/391.html
• 显示浏览器中保存的密码: https://blog.youkuaiyun.com/hiudawn/article/details/79615865
• 如何获取浏览器保存的密码: https://www.jianshu.com/p/474c4ca987f1
• js之获取浏览器保存的账号密码（二）: https://cloud.tencent.com/developer/article/1357414