ブラウザでパスワード表示

あー困った。困ったぞ

ん?どうしたの

gmail のパスワードを新しく設定するんだけど、パスワード入力する時に毎回表示が見えないから、間違ったパスワードに設定していないか不安で・・

そう?

ねーサイトとかで入力したパスワード表示する方法ってある?

え?必要・・・それ

必要だよ!それがあれば新しくパスワード設定した時もちゃんと確認できるし

まぁ、できない事はないと思うけど。
ちょっとまってね

はい。どうぞ

え・・なにこれ

動画用意したから、これみたらできるんじゃない?

えー!!いやいや、ちゃんと説明して

えー(面倒くさいけど)しょうがないな

Chrom ベースで説明すると。
右クリック→要素の検証でデベロッパーツールが起動するの。
これは F12 キーでも可能よ

これを使用すると、リアルタイムで Webページ(HTML) が編集できるようになるの。

パスワードの入力画面が非表示となっている部分を表示するよう書き換えれば、入力画面が見れるようになるわ。

で、デベロッパーツールを起動したら、まずはどこの構文がパスワード入力の部分か探す必要があるわ。

今回なら、動画の 00:23 あたりね。
ほら、構文を選択したら、パスワード入力フォームがアクティブになったわよね。

あ、ほんとうだ。
なんか選択した時みたいになった

選択した構文の中に type="password" となっているとこがあるわよね。
その password って部分が非表示の設定になっているから
txt に書き換えたら表示されるようになるわ。

type="password" を type="txt" に書き換えるの?

そう。変更したら、そのままパスワードを入力してみて

あ、パスワードが見えるようになったよ

ちなみに変更はしたけど、保存がされているわけじゃないから、ページ移動などしたら元に戻るわよ。

へー。保存はできないの?

本来は、HTML とか記述するさいに使うツールだから、元ファイルがいじれる環境じゃないと保存はできないわ。

まあ、自分で Web サイト作る人とかが使うものね。

そうなんだ。まあ、これで今度からパスワード入力する 時に間違えなくて済むぞ

(ID Manager とか使えばいいのに)