109
104

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

![新しいブックマークを登録する画面](https://qiita-image-store.s3.amazonaws.com/0/103957/7a442ce4-ee3b-e6dc-9287-3e56d40c83ad.png)


![ブックマークレットを登録し終わった画面](https://qiita-image-store.s3.amazonaws.com/0/103957/5b4ae505-3784-6942-0cce-5f421f1738b1.png)


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


## 参考になるリンク

- [知ってそうで知らないブックマークレットの仕組みと使い方(と便利な11点まとめ) | ライフハッカー[日本版]](http://www.lifehacker.jp/2013/04/130402bookmarklet_matome.html)
- [ブックマークレットをインストールする方法 | Firefox ヘルプ](https://support.mozilla.org/ja/kb/bookmarklets-perform-common-web-page-tasks)
- [bookmarklet maker](http://userjs.up.seesaa.net/js/bookmarklet.html)
109
104
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
109
104

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?