トップ 差分 一覧 カテゴリ ソース 検索 ヘルプ RSS ログイン

Script/Bookmarklet

INDEX

ブックマークレット

ブックマークレットとは、ウェブブラウザで作動する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 developersShare 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)}())
ブックマークレット:イカ娘変換ブックマークレット

 ホロ語変換

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

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)}())
ブックマークレット:ホロ語変換ブックマークレット

 猫化ブックマークレット

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

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);})()
ブックマークレット:猫化ブックマークレット

 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発車!

 ワリオランドシェイクみたいに 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が崩壊するブックマークレット

 あらゆる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!

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