Google Chromeの自動入力問題に対する完璧な解決策

Google Chrome では、ログインに成功すると、パスワードを記憶するかどうかを尋ねるメッセージが表示されます。パスワードを記憶することを選択した場合、再度ログインしたときに次のように表示されます。

製品の要件として、ブラウザにアカウントとパスワードを自動的に入力させたくない場合、それを削除するにはどうすればよいですか?

最初に思いつくのは、入力タグ属性を autocomplete="off" に設定することですが、これは機能しません。

そこで、css input:-webkit-autofill を設定し、背景色を透明に設定し、対応するフォント色を設定してみましたが、それでも満足できませんでした。

次に、インターネットで提供されている方法に従って、最初は表示される追加の偽の入力要素を追加します。ドキュメントが読み込まれたら、setTimeout を使用して偽の入力を非表示にします。

setTimeout で設定される時間は 1 ミリ秒です。実装方法が間違っているのか、それとも何か他の原因があるのか​​わかりませんが、まだ動作しません 3。

すると突然、ある考えが頭に浮かびました。ドキュメントの初期化時に入力ボックスが存在せず、ドキュメントが正常に読み込まれた後にドキュメント ノードに挿入された場合、ブラウザーは自動的に入力しないのでしょうか?

予想通り、入力ボックスが埋まらなくなり、完了です、ハハハハ

このプロジェクトは Vue をベースにしているため、要素の遅延挿入は比較的簡単に実装できます。コードは次のとおりです。

<テンプレート>
  <div>
    <input v-if="isShow" type="text">
  </div>
</テンプレート>
<スクリプト>
  エクスポートデフォルト{
    データ（）{
      戻る {
        isShow:false
      }
    },
    マウントされた(){
      タイムアウトを設定します(()=>{
        this.isShow = true;
      },1)
    }
  }
</スクリプト>

Google Chrome の自動入力の問題を完璧に解決する方法に関するこの記事はこれで終わりです。Google Chrome の自動入力に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。