ブックマークレットの簡単な作り方は次のとおり。
なお、Internet Explorerで動作を確認した。
- JavaScriptで実行したいことを書く。
- JavaScriptの中身をコピーし、次の○○○○の部分に貼り付ける。
javascript:(function(){○○○○})()
基本的にはこれでブックマークレットの完成である。
簡単な例を挙げる。
alert("Hello");
「Hello」と表示する簡単なスクリプトであるが、これを貼り付ける。
javascript:(function(){alert("Hello");})()
実験するためには次のHTMLを書き、クリックする。
<a href='javascript:(function(){alert("Hello");})()'>ブックマークレット</a>
「<a href=’○○○○’></a>」は通常はリンクを張るときに使うが、「○○○○」に「javascript:~」と書くとJavaScriptを実行させることができる。
逆に言えば、このしくみを利用したのが、ブックマークレットである。
クリックする代わりに右クリックし[お気に入りに追加]を選択するとブックマークレットの登録ができる。
実際には手順2のところで注意が必要である。
- 改行は削除する。
- ダブルクォーテーションなどはエンコードする。
エンコードについてはJavaScriptのescapeとencodeURIとencodeURIComponentの違いを参考に。
コメント