106
101

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2016-09-23

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

ブックマークレット (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としている)

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

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

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

参考になるリンク

106
101
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
106
101

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?