jQueryのテスト用ブックマークレット
jQueryのプラグインを作っていると、
好きなサイトにプラグインの機能を適応させて動作の確認をしたい場合があるんですが、
それを簡易的に行うちょっとしたブックマークレット。
javascript: (function() { var $, s = document.createElement('script'); s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'; s.onload = function() { $ = jQuery.noConflict(true); // jQueryオブジェクトを退避させる main($); }; if (document.all) { // IE用の読込み完了確認 s.onreadystatechange = function() { if (s.readyState == 'complete' || s.readyState == 'loaded') { s.onload(); } }; } document.body.appendChild(s); function main(jQuery) { // ここにメインの処理を書く } })();
実際に使用するときには、
main関数の中にプログラムを付け足し、コメントと改行は削除します。
ブックマークレットなのでIEでの動作も確認できます。
ただし、スクリプトがあまり長いと後半が削られてしまうので、
一部を外部ファイルにまとめて読み込ませるなどの工夫が必要。