【悪用厳禁】ブラウザの伏せ字パスワードを簡単に表示させる方法

ブラウザにパスワードが記憶されているのに、伏せ字になって見えない為、

「実際のパスワードはなんだっけ？」

と思うことがあります。

今回は、そんな場合の
「ブラウザに記録されているパスワードをサクッと表示させる方法」のご紹介。

また、「ブラウザ内に記憶されている全てのパスワードを表示する方法」も併せてご紹介します。

ブラウザには、IDとパスワードを記憶しておく機能がある。

ブラウザには、一度ログインしたユーザ名（ID）とパスワードを記憶しておく機能があります。

次にそのログインページに来た時は、IDとパスワードが自動的に入力されていて、後は「ログイン」ボタンを押せばログインできるハイパー便利な機能です。

【自動入力されたIDとパスワードの表示例】

⇡こんなんとか

⇡こんなんとか

パスワードに関しては、第三者から盗み見されないように「●」や「＊」等の伏せ文字になっていて、通常、画面で確認することができません。

パスワードを画面上で確認する方法ですが、特別なツールや拡張機能等は一切不要で、Chrome、Firefox、Safari、IE、Edge等の一般的なブラウザであればどれでもOKです。
ブラウザが持っている標準機能だけで実現できます。

（慣れれば３秒ほどでパスワード表示させることができます。）

以下は、Chromeでの操作説明ですが、FirefoxやEdge等、他ブラウザでもほぼ同様の操作方法です。

STEP.2

デベロッパーツールを起動させる。

デベロッパーツール内の「Select an element in the page to inspect it」を起動させる。

こんな感じの画面が表示されます。

ショートカットからも起動できます。

または、ブラウザ画面内でマウスボタン右クリック→「検証」
chrome右クリックからの「検証」

この方法でデベロッパーツールに入る場合は、デベロッパーツール画面内、左上の矢印アイコンをクリックします。

Select an element in the page to inspect it

STEP.3
パスワード入力の部分をクリックする。

パスワード入力部分をクリックすると、
デベロッパーツールのHTMLソースのinputタグ内にポインターが移動します。
STEP.4
input typeを変更する。
inputタグ、typeの「password」を「text」に変える。
　↑ココ、ポイント！

「password」を

「text」に変える。

「text」と入力する。
入力した瞬間、伏せ字パスワードから実際のパスワードが表示されます。

※この方法は一時的に見え方を変更するだけで、サイトが書き換えられるという訳ではありません。

上記のパスワード表示方法は、１サイト（ページ）ごとのパスワードの確認方法でしたが、
ブラウザ内記憶されているパスワードを一括で見たい場合は、以下の方法で確認できます。

また、この方法は、単にパスワードを確認するだけでなく、
記憶されているユーザ名（ID）やパスワードを削除することも可能です。

以下はChromeでの操作例です。