【javascript】【メモ】bookmarkletからサーバーサイドのjavascriptを呼び出す方法

ONALIFE | お気に入りxvideosまとめ・共有サイトの新規機能を実装するうえで、ブックマークレットを利用しようかと考えている。

ブックマークレットではjavascriptを一行で書いてa hrefタグで指定しておけば問題ない。

しかし、すべての処理を一行のjavascriptに書いてしまうとアップデートの際に毎回ユーザーにブックマークレットを置き換えてもらう必要がでてくるため、あまりスマートではない。

何とかサーバー側にjavascript本体を置き、ブックマークレットからはサーバー側のjavascriptを呼ぶだけ、といった処理にできないか調べてみた。
これができれば、もしバグや機能追加する場合はサーバー側のjavascriptをアップデートするだけで対応可能になる。

参考にしたサイト

リンク先サイトのサムネイルをポップアップ表示するブックマークレットを作ってみた - @slaypniのまとめも

実装例

javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://localhost:3000/script/bookmarklet.js";document.body.appendChild(s)})();

上記javascriptを a href=""で括ればブックマークレットとなる

javascript本体は、 /script/bookmarklet.js を用意し、この中身をゴリゴリとコーディングしていけばよい。