TopWeb > 2013年8月
2013年8月16日

ブラウザでパスワードを表示する方法のまとめ

August 16,2013 12:55 AM
Tag:[, , , ]
Permalink

ブラウザのパスワードを表示する方法のまとめです。

通常、ブラウザに入力したパスワードは黒い丸印で非表示になります。

ブラウザに入力したパスワード

本エントリーで解説する方法で、次のようにパスワードを表示することができます。

パスワードを表示

その他、ブラウザのパスワード管理機能を使ってパスワードを確認することもできます。

このエントリーは「Chrome などで保存したパスワードが丸見えだから危険とか言われている件について | WWW WATCH」の便乗記事です。内容はビギナーの方向けです。

ご自身のパスワードを忘れたときに活用してください。

1.Google Chromeでパスワードを表示する

「Google Chromeの設定」→「設定」をクリック。

Google Chromeの設定

「詳細設定を表示」をクリック。

設定

「パスワードとフォーム」の「保存したパスワードの管理」をクリック。

詳細設定を表示

パスワードを保存しているURLとユーザー名の一覧が表示されます。

(クリックで拡大)
保存したパスワードの管理

パスワードを表示したいURLをクリックしてパスワード部分の「表示」をクリック。

(クリックで拡大)
保存したパスワードの管理

これでパスワードが表示されます。

(クリックで拡大)
保存したパスワードの管理

2.Google Chromeのデベロッパーツールでパスワードを表示する

フォームのパスワード部分を右クリックして、「要素を検証」を選択。

フォームのパスワード

Elementsタブに選択部分のHTMLマークアップが反転表示されているはずなので、「type="password"」の「password」の部分をダブルクリックして編集可能な状態にします。

要素を検証

「password」を削除します。

要素を検証

削除したあと、フォーカスを別の部分に移すとパスワードが表示されます。

要素を検証

3.Firefoxでパスワードを表示する

Firefoxボタンの「設定」→「設定」をクリック。

(クリックで拡大)
設定

「セキュリティ」タブをクリックして「保存されているパスワード」をクリック。

(クリックで拡大)
設定

「パスワードを表示する」をクリック。

保存されているパスワード

「パスワードを表示します。よろしいですか?」と聞かれるので「はい」をクリック。

ダイアログ

一覧にパスワードの列が追加され、パスワードが表示されます。

保存されているパスワード

4.Firefoxの開発ツールやFirebugでパスワードを表示する

Firefoxの開発ツールやFirebugでパスワードを表示する方法を紹介します。ここではFirebugを用いた方法で紹介します。開発ツールでも手順はほぼ同じです。

フォームのパスワード部分を右クリックして、「Firebugで要素を調査」を選択。開発ツールの場合はそのすぐ上にある「要素を検証」を選択。

Firebugで要素を調査

HTMLタブに選択部分のHTMLマークアップが反転表示されているはずなので、「type="password"」の「password」の部分をクリックして編集可能な状態にします。

要素を検証

「password」を削除します。

要素を検証

削除した瞬間にパスワードが表示されます。

要素を検証

Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3