トップページ > windows > プログラミング > 言語 > javascript > ブックマークレット(Bookmarklet) > つくりかた

「トップページ/windows/プログラミング/言語/javascript/ブックマークレット(Bookmarklet)/つくりかた」の編集履歴(バックアップ)一覧に戻る

トップページ/windows/プログラミング/言語/javascript/ブックマークレット(Bookmarklet)/つくりかた - (2012/01/06 (金) 01:57:11) の編集履歴(バックアップ)


最終更新日時2014-08-29


■目次
■本文

学習の流れ

0.ブックマークレットって何ですか。
1.簡単なブックマークレットのソースをみて、勉強してみる。
2.簡単なのを、つくってみる。
3.難しいのを見てみる。(javascriptのライブラリを使用するようなもの)
4.難しいのをつくってみる。

0.ブックマークレットって何ですか。





1.既存の簡単なブックマークレットのソースをみて、勉強してみる。



簡単だけど役に立つブックマークレットをいくつか見てみる。

まず、ブックマークレットになる前のソース。
スクリプト例: Bookmarklet - Mozilla Firefox まとめサイト

すでにブラウザでつかっているブックマークレットのソースは、ブックマークレットのソースは、ブックマークレットを右クリックし、URL欄をみれば良い。

ブックマークレットのソースのデコード(意味不明な文字列をjavascriptのコードに戻す)

javascriptのソースに見えない場合は、エンコード(符号化)されていることが多い。%記号が何回も出ている場合はエンコードされていると思ってよいだろう。エンコードされる前のソースを確認したいときはWeb便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト の中段にあるデコード欄にコピペ。「デコードする」ボタンをクリック。
ただし、このURLのサービスでデコードすると「+」記号などいくつかの文字は消えてなくなる。

実際のソースコードをみると分かりにくい点の解説ページ。



2.簡単なブックマークレットをつくってみる。




実際に作る上での便利なツールなど。

javascriptで書いたスクリプトをfirefoxのブックマークレットに変換する。
Bookmarklet Builder



3.難しいのをみてみる。

javascriptのライブラリや、ブラウザ以外のソフトと連携するようなもの。

XPath検索バー (for Mozilla/Firefox) | 東京嫉妬
コメント:ライブラリは使ってないが、自分で外部にファイルをつくり、呼び出している。




4.難しいのをつくってみる。

javascriptのライブラリを使用するような、ちょっと難しいブックマークレット。





function wait(a,func){
 var check = 0;
 try{
  eval("check = " + a);
  }catch(e){
 }
 if(check){
  func()
 }else{
  var f = function(){wait(a,func)};
  setTimeout(f,100);
 };
};

var s = document.createElement("script");
s.type = "text/javascript";
s.src = "http://prototypejs.org/assets/2009/8/31/prototype.js";
document.body.appendChild(s);


wait('Class.create', function() {
 // 実行したい処理
 alert("Class.create loaded!");
 var newclass = new Class.create();
});


未分類・未読:他に参考となりそうなページ:




ページフッタ

このページの1階層下のページ

このページに含まれるタグ

このページへのアクセス数

今日: -
昨日: -
これまで合計: -