Script/Bookmarklet

ブックマークレット

ブックマークレットとは、ウェブブラウザで作動するJavaScriptで記述された小さなプログラムである。たいていの場合、ウェブブラウザのブックマークに登録して利用することからこの名称となった。

動作確認別アイコン： Internet Explorer Mozilla Firefox Opera Apple Safari 数字はバージョン。斜体 は条件付き、取消線 は不可。

 変数をローカルにするには

無名ファンクションのインスタンスを生成して、これを呼び出すようにする。ちなみに、var を省略して変数を宣言するとグローバルになるので注意。

javascript:(function(){var val=123456789})();

 スクリプトの長さ

IE6で使えるのは最大で508文字。これを超えると動作しなくなるようです。

入力フォーム

 入力フォームのパスワードフィールド可視化

入力フォームの入力欄 input タグのうち、パスワードフィールド（type="password"）をマスクされないようにする。bookmarkletプラグインは存在しません。javascript:(function(){var%20ip=document.getElementsByTagName('input');for(var%20i=0;i<ip.length;i++){var%20p=ip[i];if(p.type=='password'){p.style.backgroundColor="silver";if(!p.outerHTML){p.type='text'}else{p.outerHTML=p.outerHTML.replace(/type=["']?password['"]?/i,'type="text"');}}}})();}}

確認： Internet Explorer 6 / Mozilla Firefox 3.0 / Opera 9.61 / Apple Safari 3.1※Firefox は outerHTML が使えないので、種類を変える

 入力フォームの隠しフィールド可視化

入力フォームの入力欄 input タグのうち、画面に表示されない隠しフィールドを見えるように表示する。bookmarkletプラグインは存在しません。javascript:(function(){var%20ip=document.getElementsByTagName('input');for(var%20i=0;i<ip.length;i++){var%20p=ip[i];if(p.type=='hidden'){p.style.backgroundColor="gray";if(!p.outerHTML){p.type='text'}else{p.outerHTML=p.name+":"+p.outerHTML.replace(/type=["']?hidden['"]?/i,'type="text"');}}}})();}}

確認： Internet Explorer 6 / Mozilla Firefox 3.0 / Opera 9.61 / Apple Safari 3.1※Firefox は outerHTML が使えないので種類を変える。Opera は hidden が見れない。

 入力フォームのアクション可視化

入力フォームのaction属性の内容を表示する。bookmarkletプラグインは存在しません。javascript:(function(){var%20d=window.document;for(var%20i=0;i<d.forms.length;i++){var%20f=d.forms[i];var%20v=d.createElement("DIV");v.innerHTML="action:<b>"+f.action+"</b>";f.appendChild(v);var%20s=f.style;s.borderColor="blue";s.borderStyle="solid";s.borderWidth="1px";}})()}}

確認： Internet Explorer 6 / Mozilla Firefox 3.0 / Opera / Apple Safari

 入力フォーム可視化

入力フォームのアクションとパスワードと隠しフィールドを見えるようにする。IE限定。bookmarkletプラグインは存在しません。javascript:(function(){var%20d=window.document;for(var%20i=0;i<d.forms.length;i++){var%20f=d.forms[i];var%20v=d.createElement("DIV");v.innerHTML="<b>"+f.action+"</b>";f.appendChild(v);var%20s=f.style;s.borderColor="blue";s.borderStyle="solid";s.borderWidth="1px";for(var%20j=0;j<f.all.length;j++){var%20t=f.all[j];if(t.type'hidden'||t.type'password'){t.outerHTML=(t.type=='hidden'?t.name:"")+"<input%20type='text'%20name='"+t.name+"'%20value='"+t.value+"'/>%20";}}}})()}}

YouTube動画を高画質で再生させる

YouTubeは、いくつかの高画質版のファイルを用意している(元となるソースが高画質である必要があるが)。URLに"fmt="のパラメータを指定することでその画質での表示となる。

高画質モードを指定している場合、「ノーマル画質で表示する」がビュワーの右下に表示されていれば高画質モードで再生されている(?)

YouTube のプレーヤーで画質を選べるようになったので削除。まぁ、"fmt="を追加するだけですし。

サイト・ページ情報

 HTTPのリクエスト＆レスポンスヘッダを見る

View HTTP Request and Response Header を利用して、HTTPのリクエストおよびレスポンスヘッダの内容を表示する。bookmarkletプラグインは存在しません。javascript:document.location.href='http://web-sniffer.net/?url='

1. escape(document.location.href)

}}bookmarkletプラグインは存在しません。javascript:void(window.open('http://web-sniffer.net/?url='

1. escape(document.location.href)))

}}

 Internet Explorer 5.5/6/7/8 のスクリーンショットを見る

IE NetRenderer を利用して、IE 5.5/6/7/8 でのスクリーンショットを見る。

 Google Cache で検索

現在みているページをGoogleのキャッシュから検索する。bookmarkletプラグインは存在しません。javascript:document.location.href='http://www.google.com/search?q=cache:'

1. escape(document.location.href.replace('http://',''))

}}bookmarkletプラグインは存在しません。javascript:void(window.open('http://www.google.com/search?q=cache:'

1. escape(document.location.href.replace('http://',''))))

}}

サイト・ページ共有

 goo.gl 短縮URL

表示しているページのURLをGoogleの短縮URL goo.gl に ggl-shortener.appspot.com を利用して変換する。bookmarkletプラグインは存在しません。javascript:window.googl_callback=function(response){if(response.error_message){alert("%20An%20error%20occured:%20"%20+%20response.error_message);}else{alert(response.short_url);}};var%20s=document.createElement("script");s.src="http://ggl-shortener.appspot.com/?url="

1. encodeURIComponent(window.location.href)+"&jsonp=googl_callback";

void(document.body.appendChild(s));}}

 Twitter で共有

WEBページを Twitter で共有できるブックマークレット。

twitter developers の Share Bookmarklet / 共有ブックマーク よりbookmarkletプラグインは存在しません。javascript:(function(){window.twttr=window.twttr||{};var%20D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A

1. ',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');

E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());}}

 ドキュメントを Google Docs Viewer で表示

Google Docs Viewer を使って、PDF(Adobe Portable Document Format)、PPT(Microsoft Powerpoint)、TIFF(Tagged Image File Format) を表示するように、各ファイルのリンクをビューワーへのリンクに変える。bookmarkletプラグインは存在しません。javascript:(function(){var%20aTags=document.getElementsByTagName('a');for(var%20i=0;i<aTags.length;i++){var%20a=aTags[i];var%20url=a.href;if(url.search(/^https?:\/\/docs\.google\.com\/viewer\?/)==-1&&url.search(/^http:\/\/.*([Pp][Dd]Ff][Pp]Tt][Ii][Ff][Ff]?)$/)!=-1){a.href="http://docs.google.com/viewer?url="+encodeURIComponent(url);a.title=a.title+"%20by%20Google%20Docs%20Viewer"}}})();}}確認： Internet Explorer 6 / Mozilla Firefox 3.5.3 / Opera 10.00 / Apple Safari 4.0.3

 ニコニコ動画 短縮URL(nico.ms)

bookmarkletプラグインは存在しません。javascript:(function(){var%20ref=location.href;if(ref.match(/\.nicovideo\.jp/)){var%20id=ref.match(/nicovideo\.jp\/[a-z]+\/([a-z0-9]+)/)[1];window.alert(document.title+'\nhttp://nico.ms/'+id);}})()}}

 HootSuite 短縮URL

HootSuite の短縮URL機能でインラインフレームに表示する ht.ly から、リダイレクトさせる ow.lyへ変更する。どちらも同じIDが使えるのでドメインだけ入れ替える。bookmarkletプラグインは存在しません。javascript:(function(){var%20l=document.location;l.href=l.href.replace('ht.ly','ow.ly');}());}}※まぁ、ht.ly の iframe の src から URL を取り出して、直接ジャンプさせればいいけど、Firefox の RequestPolicy でエラーになるので ow.ly は許可して、ワンクッション置いてジャンプさせる。元々 RequestPolicy がらみで iframe で表示されないのでこんな事するんだけど。

その他アドレスバーでいろいろ

 クッキーの内容を表示

現在表示しているページが参照できる(設定している)クッキーの内容を表示する。ただ、Safariは、TEXT形式のままでは表示されないので、HTML形式で出力する。bookmarkletプラグインは存在しません。javascript:document.cookie}}bookmarkletプラグインは存在しません。javascript:document.write('<html><body>'+document.cookie+'</body></html>');}}確認： Internet Explorer 6 / Mozilla Firefox 3.0 / Opera 9.5 / Apple Safari 3.1

 クッキーの内容を表示

表示しているページの最後に参照できるクッキーの内容の表示を追加する。bookmarkletプラグインは存在しません。javascript:(function(){var%20c=document.cookie.split(";");for(var%20i%20in%20c){var%20n=document.createElement("div");n.innerHTML=c[i];document.body.appendChild(n);}})();}}確認： Internet Explorer 6 / Mozilla Firefox 3.5 / Opera / Apple Safari

 ページに任意のURLを追加する

表示しているページの最後に任意のURL(promptで入力)のリンクを追加する。bookmarkletプラグインは存在しません。javascript:void((function(){var%20n=document.createElement("div");var%20s=prompt("URL",location.toString());if(s){n.innerHTML='<a%20href="'+s+'"%20target="_blank">'+s+'</a>';document.body.appendChild(n);}})());}}

 ウインドウサイズ変更

ウインドウのサイズ変更メソッドを利用して指定したサイズに変更する。bookmarkletプラグインは存在しません。javascript:window.resizeTo(800,600);}}bookmarkletプラグインは存在しません。javascript:window.resizeTo(1024,768);}}確認： Internet Explorer 6 / Mozilla Firefox 3.0 / Opera 9.5 / Apple Safari 3.1

たりきほんがん (自分用メモ)

 イカ娘語変換

侵略！イカ娘のイカ娘の語尾に変換するブックマークレットbookmarkletプラグインは存在しません。javascript:(function(){var%20s=document.createElement('script');s.charset='UTF-8';s.src="http://inajob.no-ip.org/dev/bm/ika.js";document.body.appendChild(s)}())}}

• イカ娘変換ブックマークレット
  • http://d.hatena.ne.jp/inajob/20101106/1289023199

 ホロ語変換

狼と香辛料のホロの語尾に変換するブックマークレットbookmarkletプラグインは存在しません。javascript:(function(){var%20s=document.createElement('script');s.charset='UTF-8';s.src="http://inajob.no-ip.org/dev/bm/horo.js";d.body.appendChild(s)}())}}

• ためしてくりゃれ？ 語尾変換ブックマークレット
  • http://d.hatena.ne.jp/inajob/20080206

 猫化ブックマークレット

語尾にニャとか猫化するブックマークレットbookmarkletプラグインは存在しません。javascript:(function(){var%20d=document;var%20s=d.createElement('script');s.charset="UTF-8";s.src="http://zenith.sakura.ne.jp/bookmarklet/arisyu.js";d.body.appendChild(s);})()}}

• 猫バトン
  • http://zenith.sakura.ne.jp/blog/2007/04/post-48.html

 JavaScriptでSLを走らせる

究極の冗談コマンド sl(1) コマンドをブラウザ上で動かすブックマークレット

bookmarkletプラグインは存在しません。javascript:(function(){var%20d=document,sl_open,sl_run,sl_close,s=d.createElement('script');s.charset='UTF-8';s.src='http://labs.creazy.net/sl/bookmarklet.js';d.body.appendChild(s)})();}}

• JavaScriptでSLを走らせる「SL.JS」を作りました
  • http://creazy.net/2008/02/sl_js.html
• 豊田正史とslコマンド (Masashi Toyoda and SL command)
  • http://www.tkl.iis.u-tokyo.ac.jp/~toyoda/

 ワリオランドシェイクみたいに HTML が崩壊する

ワリオランドシェイクみたいに HTML が崩壊するブックマークレットbookmarkletプラグインは存在しません。javascript:(function(){var%20d=document;var%20s=d.createElement("script");s.charset="UTF-8";s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"

1. (new%20Date()).getTime();d.body.appendChild(s)})();

}}

• ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード）
  • http://d.hatena.ne.jp/nitoyon/20080929/warioland_shake

 あらゆるWebサイトを「塊魂」風にする

あらゆるWebサイトを「塊魂」風にするブックマークレットbookmarkletプラグインは存在しません。javascript:(function(){var%20i,s,ss=['http://kathack.com/js/kh.js','http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'];for(i=0;i!=ss.length;i++){s=document.createElement('script');s.src=ss[i];document.body.appendChild(s);}})();}}

• Katamari Hack
  • http://kathack.com/