ブラウザがパスワードを保存した後に自動的に問題を入力
2914 ワード
問題の説明
ブラウザでログイン操作を行うと、ブラウザはパスワードを覚える必要があるかどうかを尋ねることが多いが、パスワードを覚えることをクリックすると、ブラウザがこのドメイン名の下に保存されているアカウントのパスワードを自動的に記入し、ユーザーに不便をもたらすことが分かった.HTML 5の新しい属性autocomplete="off"を追加しましたが、効果はありません.
ブラウザのオートフィルメカニズム
繰り返しテストしたところ、ブラウザの自動充填メカニズムは、ページにtype=passwordのinputがあり、このinputの前にtype=textのinputがある場合に自動充填されることを満たしていることがわかりました.Firefoxと360ブラウザの処理方法は、ページに埋め込みメカニズムが満たされていることを検出すれば、display:noneであるかどうかにかかわらず、検出すれば直接埋め込みます.しかもいくつか条件に合っているものがいくつか入っています.chrome 54のバージョンはやや異なります.上記の条件を満たし、ページにはtype=passwordのinputが1つしかありません.最初のtype=textのinputにアカウントを自動的に入力し、type=passwordのinputにパスワードを入力します.
ソリューション
だからこのメカニズムに基づいて、私の解決方法は:最初のtype=textのinputの前にもう一つの隠れたtype=textのinputを加えて、最初のtype=passwordのinputの前にもう一つの隠れたtype=passwordのinputを加えます.
これまで(2018-09)この方法はchrome、firefox、ie、360、ios、アンドロイドなどの各デバイスの各ブラウザで有効になりました!
2019.02.20修正
最近のプロジェクトでは、Chrome(72.0.3626.109)バージョンでは
ブラウザでログイン操作を行うと、ブラウザはパスワードを覚える必要があるかどうかを尋ねることが多いが、パスワードを覚えることをクリックすると、ブラウザがこのドメイン名の下に保存されているアカウントのパスワードを自動的に記入し、ユーザーに不便をもたらすことが分かった.HTML 5の新しい属性autocomplete="off"を追加しましたが、効果はありません.
ブラウザのオートフィルメカニズム
繰り返しテストしたところ、ブラウザの自動充填メカニズムは、ページにtype=passwordのinputがあり、このinputの前にtype=textのinputがある場合に自動充填されることを満たしていることがわかりました.Firefoxと360ブラウザの処理方法は、ページに埋め込みメカニズムが満たされていることを検出すれば、display:noneであるかどうかにかかわらず、検出すれば直接埋め込みます.しかもいくつか条件に合っているものがいくつか入っています.chrome 54のバージョンはやや異なります.上記の条件を満たし、ページにはtype=passwordのinputが1つしかありません.最初のtype=textのinputにアカウントを自動的に入力し、type=passwordのinputにパスワードを入力します.
ソリューション
だからこのメカニズムに基づいて、私の解決方法は:最初のtype=textのinputの前にもう一つの隠れたtype=textのinputを加えて、最初のtype=passwordのinputの前にもう一つの隠れたtype=passwordのinputを加えます.
これまで(2018-09)この方法はchrome、firefox、ie、360、ios、アンドロイドなどの各デバイスの各ブラウザで有効になりました!
2019.02.20修正
最近のプロジェクトでは、Chrome(72.0.3626.109)バージョンでは
hidden-input
が1つしか使用されていないことがわかりました.