ブックマークレット(Bookmarklet)の作成方法

toc目次

ブックマークレットとは

ブックマークレットBookmarklet)とは、ブラウザのブックマークに保存して使用できるJavaScriptコードです。

ブックマークレットの作成方法

JavaScriptの即時関数内に実行したい処理を記載します。

(function(){/*実行したい処理*/})();

ブラウザから起動できるよう先頭にjavascript:を記載してブックマークに登録します。

javascript:(function(){/*実行したい処理*/})();

サンプルプログラム

alert('Hello World')」を実行するブックマークレットは以下のようになります。

javascript:(function(){alert('Hello World');})();

ブラウザのブックマークメニューから作成したJavaScriptコードをブックマークとして保存します。
Bookmarklet

ブックマークを開くとアラートで「Hello World」と表示されます。
Hello World

ブックマークレットの注意点

ブックマークのURLに改行は入力できないため、実行したい処理は1行で記載する必要があります。
また、ブラウザによりURLの文字数制限があるため長いコードは記載できません。

「ブックマークレット」で検索すると便利なブックマークレットが色々見つかりますが、不正なブックマークレットを実行するとデータが盗まれる可能性があります。
セキュリティの観点から、信頼できるソースからのブックマークレットのみを使用し、不明なコードは避けた方が安全です。