JAVASCRIPT::BOOKMARKLET

Bookmarkletの使い方は簡単です。下で紹介している使いたい機能（Bookmarklet)にマウスのカーソルを持っていき左クリックしたままそのリンクをブラウザのツールバーまでドラッグしたり、右クリックして「お気に入り」に登録します（Macの人はマウス長押しですね）。そしてその機能を利用したいページで「お気に入り」からその機能を選択します。すると・・・あとは次の「サンプル」でBookmarkletのおもしろさを堪能してください（このページの多くはそのままクリックするだけでその効果がみれます）。Bookmarkletを使用して効果をみた後、元に戻すにはページをリロードしてください。

カウンタ(2005.6.27)
クリックするたびにクリックした場所に[1][2]・・・と番号を表示していきます。このページではクリックした場所にうまく表示できないので別のサイトで試してみてください。

DOMのソースを見る (詳しい説明)(2005.3.18)
JavaScriptを使用して作成されたHTML要素を含むページのソースコードを表示します。JSファイルでタグを記述しているような時にそのJSの中身を見るときなどに便利です。

nofollow属性のリンクを強調 (詳しい説明)(2005.1.26)
スパム対策用に<a>タグにnofollow属性がついたリンクを強調表示します。[テスト用リンク](このリンクにはnofollow属性がついています)

友達にこのURLを知らせるBookamrkletの作成 (詳しい説明)(2004.9.22)
/*このブックマークレットはまだリンクバーにドラックしないでください。*/
以下のリンクをクリックすると送信先のメアドとそのBookmarkletの名前をどうするか聞いてきますので、それぞれ設定してください。その後、その設定でリンクが作成されますので、そのリンクをブラウザのリンクバーに登録してご利用ください。

ズーム表示 (詳しい説明)(2004.8.3)
倍率を指定してページを拡大/縮小表示させることができます。

リンクをリスト化してフッター表示 (詳しい説明)(2004.7.14)
ページ内で使用しているリンクの番号付き一覧をページのフッター部分に表示させます。番号はボディ部にも表示されます。

Gmailで送信 (詳しい説明)(2004.6.29)
Gmailのメール作成画面を呼び出します。

Goolge検索結果の番号表示 (詳しい説明)(2004.6.9)
Googleの検索結果を番号表示します。

消す！（詳しい説明）(2004.5.18)
クリックした部分の要素を消します。

画像を表示(詳しい説明)(2004.4.12)
画像を表示（IE 6用）
画像を表示（Netscape用）
imagesといったフォルダにブラウザからアクセスしたときにファイル名がリスティングされる時にファイル名ではなくく画像そのものを表示されることができます。

Flashのコントロール（詳しい説明）(2004.3.31)
ポーズ
 巻き戻し
 高速先送り
 5秒戻す
 5秒進める
オリジナル：http://www.squarefree.com/bookmarklets/flash.html

ルーラを表示（WinIE6)(v6のみ）(詳しい説明)
マウスをクリックしてそのままドラッグするとその座標情報を表示します。色は英語でredとかblueまたは#FF0などと指定してください。(2004.1.7)
オリジナル：http://slayeroffice.com/tools/ruler_WinIE6/ruler.html

要素を表示(詳しい説明)
タグ（要素）が割り当てられている部分を好きな色で囲みます。色は英語でredとかblueまたは#FF0などと指定してください。(2003.10.27)

JavaScriptを無効化（詳しい説明）
ページで使われているJavaScriptを無効化します。(2003.10.9)

Google Cacheで検索（詳しい説明）
Googleがキャッシュしている現在見ているページの情報を表示します。(2003.9.25)

行間を広げる（詳しい説明）
ページ全体の行間隔を広くします。(2003.9.25)

HTTPリクエスト＆レスポンスヘッダを見る（詳しい説明）
HTTPのリクエストおよびレスポンスヘッダの内容を見ることができます。(2003.9.16)

最初からonMouseOver
画像で最初からマウスを重ねた状態のページにして表示させることができます。(2003.9.11)

サイトへgo(Safari専用バージョン）（詳しい説明）
ページ内に記述されているURLなどを選択して実行するとそのサイトに移動します。たとえば、Bookmarklet.daa.jp/blog/、とかhttp://www.yahoo.co.jp/、ttp://Bookmarklet.daa.jp/といった文字列をマウス選択して実行してみてください。[注意]ブックマークに登録して使わないと文字列の選択が解除されるので注意してください。(2003.9.8)

サイトへgo(詳しい説明)
ページ内に記述されているURLなどを選択して実行するとそのサイトに移動します。たとえば、Bookmarklet.daa.jp/blog/、とかhttp://www.yahoo.co.jp/、といった文字列をマウス選択して実行してみてください。(2003.9.3)

altのない<image>をリストアップ(詳しい説明）
ページで使用している画像でALT属性のない画像をリスト表示します。(2003.8.15)

使用している色をリスト表示
ページで使用している色を別ウィンドウに１６進数でリスト表示します。(2003.8.1)

リンクをURLで表示
リンク形式で表示されているテキスト部分にそのリンク先URLを表示します。例えばこのページで試してみてください。リンク先URLをコピーするのにいちいちソースを表示して該当先を検索する手間が省けます。(2003.７.23)

Appleのsafariで利用できるMovable Type用Bookmarklet（Safari専用）（2003.7.14改定版)
Movable Type（MT)の普段のインターフェイスを使わずに、Safariでone-click で post, publish できるようにする Bookmarkletです。
以下のテキストエリア内の「mt.cgiまでのパス」部分をご利用しているMTのパスに変更後、「リンクを作成」ボタンを押してください。クリック後表示されたページ内の「Port to MT Weblog」のリンクをブックマークに登録してご利用ください。

取得したタイトル、選択文字列の文字化けに関してはMTのlib/MT/App/CMS.pmも変更したほうがよいようなので、cottonさんが書かれた掲示板の「SafariのMT用Bookmarkletの文字化け　7月11日(金)11時53分」をご参考ください。掲示板で情報をくださったポトフさんとs,sawada、そしてcottonさん、どうもありがとうございました。

ルーラーを表示(v6不可）
マウスをクリックしてそのままドラッグするとその座標情報を表示します。(2003.6.26)

スタイルをテスト
ブラウザベースでスタイルをリアルタイムにいろいろ試してみることができます。例えば次のコードをペーストしてbackgroundの色を000なんかにしてみてください。(2003.6.17)

body {
background:#fff;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
background-image:
background-repeat:repeat-x;
font-family:ＭＳＰゴシック, Osaka,Hiragino Kaku Gothic Pro W3,trebuchet MS, trebuchet, verdana, arial, sans-serif;
font-size: 11px;
color: #666;
}

エレメントの構造を表示
ブラウザのステータスバーに現在マウスが乗っている部分のエレメントの構造を表示します。(2003.6.17)

電卓
電卓を表示します。電卓はいろいろあるので一番よさそうなのを http://ostermiller.org/calc/calculator.htmlからいただいてきました。キーボードショットカット（Alt-Cなど）も使えるようなので是非ページを訪れてみてください。（2003.6.6)

スタイルシートを表示
外部CSSファイルを表示します。 (2003.5.29)

CSS解除
CSSを適用しないようにします。元のレイアウトがどうなっているのか知りたいときに便利です。(2003.5.29)

DIVのid部を表示
CSSの<div>タグの範囲をそのid名と一緒に表示します。CSSデザインを分析するときに便利です。(2003.5.22)

DIVにclassが定義されているものだけを表示
上の「DIVのid部を表示」と同じ動きをしますが、classが定義されている部分だけをラベルつきで表示します。(2003.5.22)

ソースを表示2
以前紹介したこのページの下のほうにある「ソースを表示」はNetScapeでも使えますし、ブラクラのチェック用に使うと便利なんですが、IEですぐにソースをみたいときはワンクッション入ってしまうのでちょっといやだなあ、という人向けのBookmarkletです。

選択したテキストをGoogleで検索
ページ内で選択した単語などをGoogleで検索します。以前日本語はだめバージョンをのっけてたのですが、これは日本語・英語OKです。「conf」さん、掲示板での情報ありがとうございました。(2003.4.21)

英語ページを日本語に2
以前同じBookmarkletをのっけていましたが、Infoseek側がページ翻訳のシステムをAMIKAIに変更したので、それに伴いこのBookmarkletを更新します。以前のだと使えないのでこれに置き換えてください。（2003.4.21)

ターゲット先を変更
クリックしたときの表示先（新規ウィンドウ、今のウィンドウ）を指定します。一度実行するとそのページはずっとそのモードで動作します。ウィンドウがたくさん開いてうざいとお考えの方、逆にページを比較したいときなど、臨機応変ご利用ください。（2003.4.16)

リダイレクトを削除
よく一度どこかにリダイレクトしてから目的のサイトに飛ばすURLがありますが、そのリダイレクト部分を削除します。よく一度ランキングサイトに飛ばしてから目的のサイトに誘導するリンクがありますが、そういうのに効果的です。（2003.4.16)
(例：http://rd.yahoo.co.jp/shopping/ymain_cbox/left/?http://shopping.yahoo.co.jp/food_and_drink/）