Edited at

ブックマークレットの登録方法

More than 1 year has passed since last update.


ブックマークレットの使用準備


ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである [注釈 1]。 携帯電話のウェブブラウザで足りない機能を補ったり、ウェブアプリケーションの処理を起動する為に使われることが多い。

ブックマークレット - Wikipedia



ブックマークレットの使用準備


手順1. ブックマークバーを表示する

image

図の青枠で囲っている部分がブックマークバー

 Chrome ブックマークバーの使用法

 Firefox ブックマークバーの使用法

 Safari ブックマークバーの使用法

 IE11,Edge ブックマークバーの使用法


手順2.ブックマークレットをブラウザのブックマークに登録

ブックマークバー上で右クリックすると、ブックマークを追加するためのメニューが表示されるので選択する

ブックマークバーにて右クリック

URL部分

javascript:から始まるブックマークレットのコードを入力

今回のサンプル中では

【Bookmarklet】ブラウザ上で黒丸になっているパスワードの中身をワンクリックで表示させる - Qiitaのコードを使用



bookmarklet

javascript:(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としている)

新しいブックマークを登録する画面

ブックマークレットを登録し終わった画面

以上でブックマークレットの利用準備は完了


参考になるリンク