阻止瀏覽器自動填充密碼的解決方案


在網站登錄成功后,大部分瀏覽器會彈出 “是否保存賬號密碼” 的詢問框

 

如果你不想保存賬號密碼,選擇不保存即可,也就沒有下面這么多事了!

一旦選擇了保存,那么下次再登錄這個網站時,瀏覽器就會自動幫你填充上賬號和密碼,如下圖

現實中有一些計算機會作為公共計算機使用,當你在該計算機登錄淘寶,而且不小心選擇了 “保存賬號密碼”,那么下一個人就能夠利用瀏覽器的自動填充功能,登錄上你的淘寶;也能利用瀏覽器自動填充功能通過手動修改頁面密碼框類型明文查看到你的淘寶密碼

最保險的做法就是:不要選擇保存賬號密碼

另外網站開發也可以通過設置 Input 屬性,阻止瀏覽器的自動填充功能。

阻止瀏覽器自動填充

“阻止瀏覽器自動填充”,阻止的是自動填充,注意是自動

實驗時間:2018-07-25 下午 風和日麗,就是太熱 ^ ^

實驗條件:瀏覽器已經保存了賬號密碼

實驗環境:Google Chrome、Firefox、360極速瀏覽器(可以切換瀏覽器內核)、IE(下面是具體的版本截圖)

IE瀏覽器根據就不支持自動填充功能,之所以也把它當做實驗環境,是因為其中一些解決方法會引起IE瀏覽器的兼容性問題。

   

 

方法一

<input type="password" name="password" readonly onfocus="this.removeAttribute('readonly')" value="" autocomplete="off" />

實驗結果如下:

瀏覽器 測試結果
Google Chrome 不會自動填充,可以手動填充
FireFox 不會自動填充,可以手動填充
360極速瀏覽器(webkit內核) 不會自動填充,可以手動填充
360極速瀏覽器(IE11內核) 不會自動填充,不可以手動填充;密碼輸入框第一次獲的焦點時,無法輸入,只有再一次獲取焦點,才能正常輸入
IE11 測試結果同 360極速瀏覽器(IE11內核)

 

 > 這里解釋一下,什么叫“可以手動填充”?

就是你點擊輸入框兩下后,會自動彈出保存的賬號列表,如下圖,選擇其中一項,就會幫你在輸入框填充上相應的內容了。

  

 

方法二

<input type="password"  name="password" autocomplete="new-password" />

 實驗結果如下:

瀏覽器 測試結果
Google Chrome 不會自動填充,可以手動填充
FireFox 會自動填充,也可以手動填充
360極速瀏覽器(webkit內核) 會自動填充,也可以手動填充

 

 

 

 

 

 

方法三

在頁面的 第一個password元素 (有些頁面會有多個password,如注冊頁面)之前加入一行代碼:

<input type="password" style="display: none;" />
<input type="password" name="password"  />

 實驗結果如下:

瀏覽器 測試結果
Google Chrome 會自動填充,也可以手動填充
FireFox 不會自動填充,可以手動填充
360極速瀏覽器(webkit內核) 會自動填充,也可以手動填充

 

 

 

 

 

 

方法四

<input type="text" name="password" autocomplete="off" onfocus="this.type='password'">

 

瀏覽器 測試結果
Google Chrome 不會自動填充,可以手動填充
FireFox 不會自動填充,可以手動填充
360極速瀏覽器(webkit內核) 不會自動填充,可以手動填充

 

 

 

 

 

-----------------------------------------------------------------------------------------------------------

 

 根據測試結果,第四種方法較其他三種性價比更高。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM