基于Chromium的瀏覽器已上線通用“顯示密碼”按鈕的示例分析

本篇文章給大家分享的是有關(guān)基于Chromium的瀏覽器已上線通用“顯示密碼”按鈕的示例分析，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

基于Chromium的Edge在日前發(fā)布的Canary通道版本中，對用戶界面進行了優(yōu)化調(diào)整從而讓InPrivate窗口變得更加簡潔。在今天獲得的版本更新中，微軟繼續(xù)帶來了隱私相關(guān)的新內(nèi)容--實現(xiàn)通用的“顯示密碼”按鈕。

這項功能是眾多“受控功能部署”的功能之一，微軟解釋道：

為< input type="password"/>部署顯示密碼按鈕。這個新添加的按鈕是和< input type="search"/>清除/取消按鈕相同的模式，在controls-refresh.css中定義svgs，而并非使用“-webkit-appearance”來渲染。

此外還添加了組合 命令支持使用Alt-F8熱鍵來顯示/隱藏密碼，并且添加了相關(guān)的邏輯以確保僅顯示直接用戶輸入的顯示按鈕。如果密碼首先不為空（例如autofill或value = xxx）或控件失去焦點并重新獲得焦點，或者 腳本更改了值，則不會顯示“顯示”按鈕。

注意我們使用-internal-reveal作為偽元素id，因此作者無法自定義或隱藏顯示按鈕。在達成關(guān)于使用什么ID的共識之后，或者在按鈕標(biāo)準(zhǔn)化之后，這可能會改變。

測試添加在web_tests / fast / forms / controls-new-ui / password中。

該功能會在密碼字段上顯示一個眼睛圖標(biāo)，單擊該圖標(biāo)時，只會使密碼文本可見，也可以通過按Alt+F8快捷方式進行顯示。也許有用戶會質(zhì)疑這項功能的安全性，不過放心Microsoft Edge和Google Chrome的顯示密碼按鈕目前僅在您自己輸入密碼時才會顯示，而那些通過瀏覽器自動填寫或者頁面此前保存的密碼將不會允許顯示。目前尚不清楚會如何處理來自密碼管理器的輸入。

以上就是基于Chromium的瀏覽器已上線通用“顯示密碼”按鈕的示例分析，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。