パスワードを表示するブックマークレット

パスワードを表示するブックマークレット

Posted at October 7,2013 1:55 AM
Tag:[Bookmarklet, JavaScript, Password]

入力フォームのパスワードフィールドのパスワードを一発で表示するブックマークレットを作りました。

1.概要

ログイン時の入力パスワードをブラウザなどに記憶させて使っている人は少なくないと思います。

が、別のPCでログインしたり、パスワード変更時に前のパスワードを入力しないといけないときなど、入力していたパスワードをうっかりすっかり忘れてしまうケースもあると思います。

このブックマークレットを使えば、入力しているパスワードの内容を一発で確認することができます。

注:ご利用にあたっては、パスワードを忘れたときのみブラウザのお気に入りに登録し、確認後はすぐに削除するようにしてください。

1.ブックマークレットの使い方

以下のリンクをブックマークして、パスワードを見たいページを保存してブックマークをクリックまたは選択すれば、パスワードが表示されます。

パスワード表示

パスワード入力ページを表示します。

ブックマークレットを起動すれば、パスワードフィールドの文字列を一発で表示します。

2.ソースコード

ブックマークレットのコードを掲載しておきます。

パスワードを表示するブックマークレット(ソースコード)

javascript: (function () {
    var input = document.getElementsByTagName('input');
    for (i=0; i<input.length; i++) {
        if (input[i].type == 'password') {
            input[i].removeAttribute('type');
        }
    }
})();

理屈は簡単で、input要素でtype属性が「password」の場合、type属性を削除しているだけです。

この仕組みは以下の記事を参考にさせていただきました。

WWW WATCH - Chromeなどで保存したパスワードが丸見えだから危険とか言われている件について

type属性を削除したあとでフォームを実行しても正常に処理されるようですが、ブラウザに依存するかもしれません。

関連記事
zenback
人気エントリー
トラックバックURL


コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)