瀏覽器記住密碼的機制

瀏覽器記住密碼的機制

---

首先理解瀏覽器保存密碼和自動填充是兩個機制，記住密碼機制須要遵循同源策略

測試瀏覽器（mac）

---

瀏覽器	版本
google	56.0.2924.87 (64-bit)
firefox	51.0.1 (64 位)
safari	10.0 (12602.1.50.0.10)
ie(win)	7-8

首先要分析瀏覽器是如何記住這個表單的，和惟一性？

---

通過查資料實驗獲得的幾個關鍵值
 1. 爲了遵循同源策略，須要域名：lichenglong.pw
 2. 須要一個<form>標籤
 3. 須要id或name爲username的用戶名<input>表單項
 4. 須要id或name爲password的密碼<input>表單項

例如：

<form id="register5">
      <div class="form-group">
           <label>user name</label>
           <input type="text" name="username" class="form-control" placeholder="Enter text">
           <div class="tipinfo"></div>
      </div>
      <div class="form-group">
           <label>password</label>
           <input type="password" name="password" class="form-control" placeholder="Enter text">
           <div class="tipinfo"></div>
       </div>
       <button type="submit" class="btn btn-default">Submit Button</button>
</form>

各個瀏覽器提示保存密碼截圖
1.google

2.firefox

3.safari

4.ie

各瀏覽器的差別

---

1. Safari瀏覽器
   只有Safari默認是關閉這個機制的。若是開啓後，效果和chrome同樣，很是好用！Safari不能自動填充表單
2. Opera瀏覽器
   Opera好像很安全，記住密碼後，瀏覽器並不會自動填充密碼，而是要用戶本身點擊地址欄左邊的鑰匙圖標，纔會開始填充並登陸。
3. IE8/9瀏覽器
   IE8/9及部分這個內核的瀏覽器（好比遨遊的IE模式）很聰明，將每一個登陸表單綁定到所在的頁面上（下面簡稱這個頁面爲綁定頁面），因爲綁定頁面地址是惟一的，同域內其餘頁面就沒法經過生成一個如出一轍的表單來獲取密碼了。
   若是就這樣仍是不安全:P，由於XSS(獲取瀏覽器記住的明文密碼)能夠動態iframe進這個綁定頁面，而後注入JS進行任意DOM操做，一樣很是容易獲取到密碼錶單項的值，IE估計是考慮到了這個，經過iframe調用綁定頁面也無效。並且IE的機制還遠沒這樣簡單，即便在綁定頁面內我也沒成功獲得密碼，由於IE默認並不填充密碼，只有輸入正確用戶名後，並觸發相似onblur事件，這個密碼錶單項纔會填充進對應用戶名的密碼。這個過程我本想經過DOM來模擬進行的，可是沒有成功。感興趣的同窗能夠試試。
4. 其餘瀏覽器
   其餘瀏覽器（除了搜狗瀏覽器）都和Chrome差很少了，大可能是由於webkit內核。
5. IE8/IE9沒法自動完成表單及記住密碼的解決方法
   ie瀏覽器比較特殊點，有時候咱們使用某些優化軟件對系統進行優化之後，可能會出IE瀏覽器即使開啓了自動完成功能也沒法記住帳號和密碼的問題您也能夠先檢查IE瀏覽器的 Internet 選項裏面是否啓用了該功能，依次打開Internet 選項 —— 切換至「內容」選項卡 —— 自動完成設置，看是否勾選了「表單上的用戶名和密碼」。 出現這種狀況是由於IE瀏覽器的相應配置被禁用了，咱們只要執行下面操做便可恢復。
   一、按下 Win + R 鍵打開運行，在輸入框中輸入 gpedit.msc，單擊確認打開本地組策略編輯器

二、依次展開用戶配置 → 管理模板 → Windows 組件 → Internet Explorer

三、在右側列表中找到「禁用表單的自動完成功能」選項，雙擊對該選項進行編輯，設置爲已禁用，在單擊確認

四、再找到「表單上的用戶名和密碼啓用自動完成」選項，雙擊對該選項進行編輯，設置爲已啓用，在單擊確認

設置完成之後，能夠關閉本地組策略編輯器，而後再重啓IE便可。