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

3533 ワード
ブラウザ 効率化 bookmarklet bookmarklet テキストリンク

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

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

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

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


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

　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としている）

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

参考になるリンク