Script/Bookmarklet

ブックマークレット

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

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

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

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

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

スクリプトの長さ

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

入力フォーム

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

入力フォームの入力欄 input タグのうち、パスワードフィールド（type="password"）をマスクされないようにする。

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"');}}}})();

ブックマークレット：From パスワードフィールド可視化

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

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

入力フォームの入力欄 input タグのうち、画面に表示されない隠しフィールドを見えるように表示する。

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"');}}}})();

ブックマークレット：From 隠しフィールド可視化

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

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

入力フォームのaction属性の内容を表示する。

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";}})()

ブックマークレット：From アクション属性可視化

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

入力フォーム可視化

入力フォームのアクションとパスワードと隠しフィールドを見えるようにする。IE限定。

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";}}}})()

ブックマークレット：From フォーム可視化

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

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

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

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

サイト・ページ情報

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

View HTTP Request and Response Header を利用して、HTTPのリクエストおよびレスポンスヘッダの内容を表示する。

javascript:document.location.href='http://web-sniffer.net/?url='
+escape(document.location.href)

ブックマークレット：HTTPヘッダ表示

javascript:void(window.open('http://web-sniffer.net/?url='
+escape(document.location.href)))

ブックマークレット：HTTPヘッダ表示(別窓)

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

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

Google Cache で検索

現在みているページをGoogleのキャッシュから検索する。

javascript:document.location.href='http://www.google.com/search?q=cache:'
+escape(document.location.href.replace('http://',''))

ブックマークレット：Google Cache 検索

javascript:void(window.open('http://www.google.com/search?q=cache:'
+escape(document.location.href.replace('http://',''))))

ブックマークレット：Google Cache 検索(別窓)

サイト・ページ共有

goo.gl 短縮URL

表示しているページのURLをGoogleの短縮URL goo.gl に ggl-shortener.appspot.com を利用して変換する。

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));

ブックマークレット：goo.gl 短縮URL

Twitter で共有

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

twitter developers の Share 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
+',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)
}());

ブックマークレット：Twitterで共有

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

Google Docs Viewer を使って、PDF(Adobe Portable Document Format)、PPT(Microsoft Powerpoint)、TIFF(Tagged Image File Format) を表示するように、各ファイルのリンクをビューワーへのリンクに変える。

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"}}})();

ブックマークレット：Google Docs Viewer で表示

確認： Internet Explorer 6 / Mozilla Firefox 3.5.3 / Opera 10.00 / Apple Safari 4.0.3

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

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);}})()

ブックマークレット：ニコニコ動画短縮URL

HootSuite 短縮URL

HootSuite の短縮URL機能でインラインフレームに表示する ht.ly から、リダイレクトさせる ow.lyへ変更する。どちらも同じIDが使えるのでドメインだけ入れ替える。

javascript:(function(){var%20l=document.location;
l.href=l.href.replace('ht.ly','ow.ly');}());

ブックマークレット：HootSuite ht.ly to ow.ly

※まぁ、ht.ly の iframe の src から URL を取り出して、直接ジャンプさせればいいけど、Firefox の RequestPolicy でエラーになるので ow.ly は許可して、ワンクッション置いてジャンプさせる。元々 RequestPolicy がらみで iframe で表示されないのでこんな事するんだけど。

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

クッキーの内容を表示

現在表示しているページが参照できる(設定している)クッキーの内容を表示する。ただ、Safariは、TEXT形式のままでは表示されないので、HTML形式で出力する。

javascript:document.cookie

ブックマークレット：クッキー表示(TEXT)

javascript:document.write('<html><body>'+document.cookie+'</body></html>');

ブックマークレット：クッキー表示(HTML)

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

クッキーの内容を表示

表示しているページの最後に参照できるクッキーの内容の表示を追加する。

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で入力)のリンクを追加する。

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);}})());

ブックマークレット：任意のURL追加

ウインドウサイズ変更

ウインドウのサイズ変更メソッドを利用して指定したサイズに変更する。

javascript:window.resizeTo(800,600);

ブックマークレット：ウインドウサイズ( 800x600)変更

javascript:window.resizeTo(1024,768);

ブックマークレット：ウインドウサイズ(1024x768)変更

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

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

イカ娘語変換

侵略！イカ娘のイカ娘の語尾に変換するブックマークレット

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

ホロ語変換

狼と香辛料のホロの語尾に変換するブックマークレット

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

猫化ブックマークレット

語尾にニャとか猫化するブックマークレット

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) コマンドをブラウザ上で動かすブックマークレット

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)})();

ブックマークレット：SL発車！

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 が崩壊するブックマークレット

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が崩壊するブックマークレット

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

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

あらゆるWebサイトを「塊魂」風にするブックマークレット

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!

Katamari Hack
- http://kathack.com/

最終更新時間：2011年03月21日 18時20分02秒　指摘や意見などあればSandBoxのBBSへ。

Script/Bookmarklet

INDEX

ブックマークレット

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

スクリプトの長さ

入力フォーム

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

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

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

入力フォーム可視化

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

サイト・ページ情報

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

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

Google Cache で検索

サイト・ページ共有

goo.gl 短縮URL

Twitter で共有

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

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

HootSuite 短縮URL

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

クッキーの内容を表示

クッキーの内容を表示

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

ウインドウサイズ変更

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

イカ娘語変換

ホロ語変換

猫化ブックマークレット

JavaScriptでSLを走らせる

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

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

メニュー

検索

最新