Home JavaScript Greasemonkey PHP

ブックマークレットで jQuery を使う魔法の 210 文字2013-06-17


最近、JavaScript = jQuery というくらい、jQuery ありの JavaScript に慣れてしまったのですが、となると困るのがユーザースクリプトやブックマークレットです。
ユーザースクリプトについては以前の記事、Greasemonkey で 超お手軽に jQuery を使うスニペット [Chrome 対応版] でフォローできているのですが、ブックマークレットで使うにはこのままというわけにいきません。

なので、これを元にショートコード化して、ブックマークレットでも使いやすいよう 241 文字 (コメント除く) にまとめ上げたのが下記になります。
前述のユーザスクリプト向けのコードを書いた後に知った事を反映させて、https 対応とか、jQuery の痕跡を完全に残さない対応とかも追加してます。

(function(f,d,b,s){d=document;b=d.body;s=d.createElement("script");s.src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js";s.onload=function(){f(jQuery.noConflict(true));};b.appendChild(s);})(function($){/*ここにソースを記述*/})

たった 241 文字で使えてしまう jQuery。どうぞお試し下さい。

ソースコード解説は、後で Qiita に書いてみようかと思います。

追記

嘘、もっと全然短かったです。(210 文字)
(function(f,s){s=document.createElement("script");s.src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js";s.onload=function(){f(jQuery.noConflict(true))};document.body.appendChild(s)})(function($){})

追記2

コードの解説を Qiita に書きました!

カテゴリ: Development タグ: jquery javascript bookmarklet