bookmarklet (ブックマークレット)

firefox

概要

ブラウザの通常の"お気に入り"、"ブックマーク"にjava scriptによる特定の動作を仕組んだもの。

普通「お気に入り/ブックマーク」の項目を選ぶと、その項目に登録されているWebページに移動する。
だがbookmarkletの場合はWebページに移動するのではなく、java scriptによって指定した動作を行う。

解説サイト

• JavaScript::Bookmarklet

• パソコン遊戯(bookmarklet)

仕組み

ブラウザのアドレス欄では単に移動したいアドレス位置(URL)を指定するだけではなく、
java scriptプログラムを実行できる、という機能を応用している。

ためしにブラウザのアドレス欄に

javascript:3+4

コレをコピペしてみよう。画面に"7"と表示される。

使い方

ブックマークのURLの代わりに"javascript:"から始まるjava scriptを書き込む

firefoxでは"新しいブックマークを作成"することは簡単です。
がinternet explorer(IE)では"新しいお気に入りを作成"することは邪魔くさいです。
IEでは適当なお気に入りを仮に作成してから、そのURLだけ書き換えるか、既存のお気に入りから、お気に入り内ショートカットを作成できるので作成したショートカット内のURLを書き換える。


右がfirefoxのブックマーク、左がIEのお気に入り。
　

自分が好んで使っているbookmarklet

リンクをブックマークしてください。


以下のbookmarkletは自分が使うfirefoxでしか動作確認してません。またfirefox用に最適化されている場合があります。
internet explorerをお使いの方は上記の解説サイトで自分好みのをお探しください。


以下のbookmarkletはlive door wikiの特性上ちゃんと表示できていないことが判明しました。
二重引用符がけされていたりします。
時間をみつけて直す

• google検索プロンプトを出現させる

javascript:var a=prompt('google',);if(a != && a != null){var w=window.open('http://www.google.co.jp/search?q='+encodeURI(a)+'&...}void(0);
　　　プロンプトが出現。検索キーワードを入力しEnterすると新規ウィンドウで検索結果が表示される。

• 行間をあける

javascript:(function(){var e,i;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){e.item(i).style.lineHeight='200%'}})()

　　　ページ内の行間が開き文字が読みやすくなる。

• 親階層へ移動

javascript:(function(){var u;if(location.href==location.protocol+'//'+location.hostname+'/'){alert('%E6%9C%80%E4%B8%8A%E4%BD%8D%E9%9A%8E%E5%B1%A4%E3%81%A7%E3%81%99%E3%80%82');}else{u=location.href.match(/\//g);if(RegExp.rightContext!=''){location=RegExp.leftContext+'/';}else{u=RegExp.leftContext.match(/\//g);location=RegExp.leftContext+'/';}}})()

　　　このページでこのbookmarkletを試すとtopページに飛ぶ。