ブックマークレットの使用準備
ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである [注釈 1]。 携帯電話のウェブブラウザで足りない機能を補ったり、ウェブアプリケーションの処理を起動する為に使われることが多い。
ブックマークレット - Wikipedia
ブックマークレットの使用準備
手順1. ブックマークバーを表示する
図の青枠で囲っている部分がブックマークバー
Chrome ブックマークバーの使用法
Firefox ブックマークバーの使用法
Safari ブックマークバーの使用法
IE11,Edge ブックマークバーの使用法
手順2.ブックマークレットをブラウザのブックマークに登録
ブックマークバー上で右クリックすると、ブックマークを追加するためのメニューが表示されるので選択する
URL部分
javascript:から始まるブックマークレットのコードを入力
今回のサンプル中では
【Bookmarklet】ブラウザ上で黒丸になっているパスワードの中身をワンクリックで表示させる - Qiitaのコードを使用
bookmarkletjavascript:(function(){if(typeof this.tgt==='undefined')this.tgt=document.querySelectorAll('input[type="password"]');var nit=(this.tgt.item(0).getAttribute('type')=='password')?'text':'password';for(var i=0;i<this.tgt.length;i++)this.tgt.item(i).setAttribute('type',nit);})();
名前
わかりやすい任意の名前をつければOK（今回のサンプル中では view_pswdとしている）
以上でブックマークレットの利用準備は完了