如何讀取瀏覽器記住但你忘記的密碼

日常生活中、工作中習慣了電腦瀏覽器記住密碼之後，長時間不輸入密碼都已經忘記某些網站的密碼了；當想起來換個密碼的時候，系統又要求提供原密碼，否則就只能使用驗證碼進行密碼重置。

今天教大家使用前端的一些基礎知識，來讀取一下瀏覽器記住的密碼。（此方法只針對小白同學）

操作前提：

①您的瀏覽器記住了密碼

②電腦上的瀏覽器（IE除外，世界上只有兩種瀏覽器，一種是Chrome，一種是用來下載Chrome的

一、開啟瀏覽器，

找到我們隱藏的學習網站。

以某著名地圖網站為例，我在自己的電腦上儲存了賬號密碼，可以實現直接登入。

二、流程整理

1、電腦瀏覽器開啟網站

2、呼叫開發者工具

3、找到密碼輸入框元素

4、將元素臨時更改為text屬性

三、呼叫開發者工具

1、一般瀏覽器都是支援F12快捷鍵直接調取開發者工具

2、部分筆記本需要配合功能鍵 Fn+F12調取

3、某些網站遮蔽了F12快捷鍵，可以使用設定——更多工具

四、定位密碼框元素

1、先選擇好開發者工具的固定模式，個人比較偏向上下模式

2、選中自己需要的賬號後，使用輔助工具去找密碼文字框

借用此用具可以迅速定位網站介面中的元素對應的程式碼塊。

3、選擇工具後，移動滑鼠，將工具選擇並單擊密碼文字框

4、檢視下方程式碼

簡單的欄位解析：

①maxlength=16————規定 元素中允許的最大字元數為16。

②action————html中action是“提交行為”的意思，action屬性用於規定當提交表單時，向何處傳送表單資料，例如在登陸時傳送密碼到伺服器驗證

③

type=“password

”————代表此文字框是一個單行文字密碼輸入框，輸入的字串都是一個“密文”的形式顯示。

④name————此屬性必須設定，否則後臺無法獲取表單資料

五、實際操作

1、在（三）-4步驟中，找到Type=“password”的欄位，

2、使用滑鼠，雙擊該欄位，即可進入編輯模式

3、將type=“password”修改為type=“text”，敲下回車鍵，在密碼框內顯示出來的字元就是該賬號在瀏覽器中記住的密碼。

修改為type=“text”的目的在於，告訴瀏覽器這個文字框，目前就是個輸入框，不再是密碼屬性了，不用再藏著掖著了；

此操作僅針對瀏覽器記住的密碼屬性有效；只顯示前端自動填充的密碼，並不可能影響到真實後臺（那你就真的高看我了！）

六、影片回放

開啟百度App

七、高階探索

當你開啟瀏覽器的”開發者工具“時，你就打開了新世界的大門，只要你能找到的屬性，理論上是都可以改的；你能看到的圖片、影片、音訊等元素都是有連結可以直達的，但是僅限於學習和探索。

下期講述如何讀取手機連線Wifi的密碼及隱藏自己家的Wifi。