オートコンプリート機能のパスワードを確認する方法

ブラウザーに記録されたパスワードを調べる方法ブラウザーがIDやパスワードを記録する機能の事をオートコンプリート機能と言います。
非常に便利な機能です。ずぼらな私はパスワードを控えていないものですから、スマホでログインしようと思ってもパスワードが分からない！
このようなことが良くおこります・・・
パスワードは通常[・・・・・・・・]と隠れていて読み取ることができませんよね！
ブラウザーに表示されているパスワードを見る方法について理解できれば非常に簡単です。
ブラウザー　FireFox　Edge　などが対象です。
もし、他のブラウザーを利用していても多分大丈夫！ FireFoxをインストールして設定を引き継ぐとオートコンプリートの内容も引き継げるかも！
FireFoxを元に調べ方を書きますね！
ブラウザー右上の　三　をクリックしてメニューを開きます。
メニューのウエブ開発をクリック

ウエブ開発メニューのウエブコンソールをクリックします。
ウインドウ左下の　≫　　へ次のコマンドを入力します。
コマンド

document.getElementsByTagName('input')

入力したらEnterを押しましょう。
見ているログイン画面により様々な内容が沢山表示されます。
例

HTMLCollection { 0: input, 1: input, length: 2, … }

←▶HTMLCollection　の▶をクリックすると沢山表示される中から次の項目を探します。
例の中から　 type="password"　これを探します。
左に数字が記載されています！
例

HTMLCollection { 0: input, 1: input, length: 2, … }
0: <input type="text" name="email" value="" maxlength="256">
1: <input type="password" name="password" maxlength="20">
email: <input type="text" name="email" value="" maxlength="256">
length: 2
password: <input type="password" name="password" maxlength="20">
<prototype>: HTMLCollectionPrototype { item: item(), namedItem: namedItem(), length: Getter, … }

ウインドウ左下の　≫　　へ次のコマンドを入力します。上の例で行くと1番！

コマンド

document.getElementsByTagName('input')[1].value

入力したらEnterを押しましょう。
例

123456789123456789

はい！パスワードが表示されましたね！（画像は[1]ですね！）

この機能はJavaScript の機能になります。
画面に対してドキュメントの内容を取得したり操作する事が可能です。
このようにブラウザーに文字を入力することも可能です。

　document.getElementsByTagName('input')[0].value='がギグげご'