Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
83
Help us understand the problem. What is going on with this article?
@aqril_1132

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

More than 3 years have 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としている)

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

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

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

参考になるリンク

83
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
aqril_1132
時短のために時間を惜しまず、結果として作業時間が伸びる残念な人。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
83
Help us understand the problem. What is going on with this article?