Google Chromeブラウザのパスワードの黒丸を表示・可視化して見えるようにする方法

Google Chromeブラウザのパスワードの黒丸を表示・可視化して見えるようにする方法を紹介します。

大体のサイトでは、非表示パスワードの表示は$("input").attr('type', 'text');でできます。 $("*").attr('type', 'password');だとサイトのレイアウトが崩れます。

全てのinputタグのtype要素をpasswordからtext属性へと変更しています。

jQueryを使っているので、サイトでjQeuryが読み込まれていない場合は、使えません。が、ブックマークレットでjQueryなどの外部ライブラリを読み込むことも可能なので、 そういうサイトで使う場合はそのようなブックマークレットと併用しましょう。

逆に、表示されているパスワードを見えないようにするには$("input").attr('type', 'password');です。