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

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

!!変数をローカルにするには
無名ファンクションのインスタンスを生成して、これを呼び出すようにする。ちなみに、var を省略して変数を宣言するとグローバルになるので注意。
 javascript:(function(){var val=123456789})();

!!スクリプトの長さ
IE6で使えるのは最大で508文字。これを超えると動作しなくなるようです。

!!!入力フォーム
!!入力フォームのパスワードフィールド可視化
入力フォームの入力欄 input タグのうち、パスワードフィールド（type="password"）をマスクされないようにする。
{{bookmarklet "From パスワードフィールド可視化",src
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 "From 隠しフィールド可視化",src
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 "From アクション属性可視化",src
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 "From フォーム可視化",src
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://web-sniffer.net/] を利用して、HTTPのリクエストおよびレスポンスヘッダの内容を表示する。
{{bookmarklet "HTTPヘッダ表示",src
javascript:document.location.href='http://web-sniffer.net/?url='
+escape(document.location.href)
}}
{{bookmarklet "HTTPヘッダ表示(別窓)",src
javascript:void(window.open('http://web-sniffer.net/?url='
+escape(document.location.href)))
}}

!!Internet Explorer 5.5/6/7/8 のスクリーンショットを見る
[IE NetRenderer|http://ipinfo.info/netrenderer/] を利用して、IE 5.5/6/7/8 でのスクリーンショットを見る。
// http://ipinfo.info/netrenderer/index.php?browser=ie7&url=http://apis.jpn.ph/fswiki/wiki.cgi
// ie8,ie7,ie6,ie55,ie-mix,ie-diff

!!Google Cache で検索
現在みているページをGoogleのキャッシュから検索する。
{{bookmarklet "Google Cache 検索",src
javascript:document.location.href='http://www.google.com/search?q=cache:'
+escape(document.location.href.replace('http://',''))
}}
{{bookmarklet "Google Cache 検索(別窓)",src
javascript:void(window.open('http://www.google.com/search?q=cache:'
+escape(document.location.href.replace('http://',''))))
}}

!!!サイト・ページ共有

!!goo.gl 短縮URL
表示しているページのURLをGoogleの短縮URL goo.gl に ggl-shortener.appspot.com を利用して変換する。
{{bookmarklet "goo.gl 短縮URL",src
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="
+encodeURIComponent(window.location.href)+"&jsonp=googl_callback";
void(document.body.appendChild(s));
}}

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

[twitter developers|http://dev.twitter.com/] の [Share Bookmarklet|http://dev.twitter.com/pages/share_bookmarklet] / [共有ブックマーク|http://dev.twitter.com/pages/share_bookmarklet_jp] より
{{bookmarklet "Twitterで共有",src
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
+',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|http://docs.google.com/viewer] を使って、PDF(Adobe Portable Document Format)、PPT(Microsoft Powerpoint)、TIFF(Tagged Image File Format) を表示するように、各ファイルのリンクをビューワーへのリンクに変える。
{{bookmarklet "Google Docs Viewer で表示",src
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][Pp][Tt]|[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 "ニコニコ動画 短縮URL",src
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|http://ht.ly/] から、リダイレクトさせる [ow.ly|http://ow.ly/]へ変更する。どちらも同じIDが使えるのでドメインだけ入れ替える。
{{bookmarklet "HootSuite ht.ly to ow.ly",src,
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 "クッキー表示(TEXT)",src
javascript:document.cookie
}}
{{bookmarklet "クッキー表示(HTML)",src
javascript:document.write('<html><body>'+document.cookie+'</body></html>');
}}
確認： Internet Explorer '''6''' / Mozilla Firefox '''3.0''' / Opera '''9.5''' / Apple Safari ''3.1''

!!クッキーの内容を表示
表示しているページの最後に参照できるクッキーの内容の表示を追加する。
{{bookmarklet "クッキー表示",src
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 "任意のURL追加",src
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 "ウインドウサイズ( 800x600)変更",src
javascript:window.resizeTo(800,600);
}}
{{bookmarklet "ウインドウサイズ(1024x768)変更",src
javascript:window.resizeTo(1024,768);
}}
確認： Internet Explorer '''6''' / Mozilla Firefox '''3.0''' / Opera ==9.5== / Apple Safari '''3.1'''

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

!!イカ娘語変換
[侵略！イカ娘|http://www.ika-musume.com/]のイカ娘の語尾に変換するブックマークレット
{{bookmarklet "イカ娘変換ブックマークレット",src
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

!!ホロ語変換
[狼と香辛料|http://www.spicy-wolf.com/]のホロの語尾に変換するブックマークレット
{{bookmarklet "ホロ語変換ブックマークレット",src
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 "猫化ブックマークレット",src
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 "SL発車！",src
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 "HTMLが崩壊するブックマークレット",src,
javascript:(function(){var%20d=document;
var%20s=d.createElement("script");s.charset="UTF-8";
s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"
+(new%20Date()).getTime();d.body.appendChild(s)})();
}}
*ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード）
**http://d.hatena.ne.jp/nitoyon/20080929/warioland_shake

!!あらゆるWebサイトを「塊魂」風にする
あらゆるWebサイトを「塊魂」風にするブックマークレット
{{bookmarklet "Katamari!",src,
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/