ブックマークレットをまとめてみた（19個）【ありのごとくあつまりて】

FC2ブログカスタマイズ，共有テンプレート，素材リンク集，フリーソフトの紹介など。迷子にならないブログ作りを目指し．．．何か1つでもお役に立てる情報を提供できたらいいなぁと思っています。

この記事に含まれるタグ（Keyword） :
javascript ブックマークレット

ブックマークレットをまとめてみた（19個）

2013/02/09 (土) カテゴリー： Twitter・ブラウザ関連

便利なブックマークレット（一部は自分でアレンジしているもの）をまとめてみました。ブックマークレットは使いたい時だけポンッと押して使えるので、沢山用意しておいても（拡張機能などのように）重くなることはないので便利です。

自分の投稿形式に合わせて今見ているページをツイートしたり（例えば引用文 - ”ページのタイトル” ページURL など）、選択範囲のリンクを全部まとめて開いたり、そのページの情報をサクッと調べたり... 便利なものを集めてみました。

前回の記事（Chrome拡張が使える Sleipnir3 の出来ない? を出来た! にするために）に続き、今回はブックマークレット編です。また、次回は「Sleipnir に入れた Chrome拡張機能のまとめ」をしようと思っていますので、よかったら参考にしてみてください。

ブックマークレットはブラウザの右クリックメニューに追加したり、拡張機能にして使うことも可能

クリックで画像を拡大します

では、19個 22種類のブックマークレットを紹介します。

見ているページをTwitterへ投稿する（5種類）

公式の「Tweet Button」経由で、今見ているページを自分好みの形式でツイートするためのブックマークレットです。よく見かけるものは、bit.ly やその他の短縮アドレスになるものが殆どで、via@～などの余計なものが追加されてしまうものも多いので多いので、自分で作りました。

ソーシャルてんこ盛り!
見ているページのつぶやきを表示し、はてブやいいね！..などが出来る

TOPSYツイート検索，Twitter，はてなブックマーク，Facebook，Google+，Evernote，Tumblr に対応。仕様変更に対応した TOPSY API を使ったものなので、公式検索では拾えない古いツイートも確認できます。 TOPSYの仕様変更後、良いものが見つからなかったのでこれを見つけた時めちゃめちゃ嬉しくなりました！作者さんが日本人というのも嬉しいです♪

クリックで画像を拡大します　↑は旧バージョンです。

ページをTOPSYで検索，サイトをTOPSYで検索

TOPSY で、そのページやそのサイトについてつぶやいているツイートをチェックできます。

サイトの人気エントリー（はてなブックマーク）

そのサイト（ドメイン）のはてなブックマーク人気記事，新着記事を確認できます。

Google サイト内検索

プロンプト（小窓）から Googleサイト内検索（「キーワード site:ドメイン」，ドメイン内でのキーワードを検索）を利用できます。結果は別タブに表示されます。プロンプトの見た目は、ブラウザによってかなり異なるようです。

そのページのURL リンクをその場に生成

今見ているページを「SuperDrag（スーパードラッグ・エクステンション）」（Sleipnir3 の機能）のリンクアクションとして使えるように自作しました。見ているページを Firefox で開いたり、Chrome で開いたり... に使っています。その他のブラウザでも何かに使える...？

ブックマークレット実行 → Sleipnir3 の SuperDrag を使う...

クリックで画像を拡大します

見ているページを複製する

見ているページを別タブで開き直します。ブラウザ（Sleipnir3）のタブにその機能があったので必要ありませんでしたが... 不要なようで意外と便利な機能です。

選択範囲にあるリンクをすべて開く Open Selected Links

リンク集など、「選択した範囲のリンクを全部一気に開いてしまいたい！」という場合などに便利です。私は Sleipnir3 の「Hold And Go（ホールド＆ゴー）」を使うことが多いですが。

ページを読みやすくスタイルを変更する

ページが読みづらい... という時に便利なブックマークレットです。

Bookmarklet 13 (A) » { 背景色を白にする; 他 }　IE ×
Bookmarklet 13 (B) » { 背景色を白にする; 他 }　IE ○ 他ブラウザ ○

A
javascript:(function(){var%20newSS,%20styles='*%20{%20background:%20white%20!important;%20color:%20black%20!important%20}%20:link,%20:link%20*%20{%20color:%20#0000EE%20!important%20}%20:visited,%20:visited%20*%20{%20color:%20#551A8B%20!important%20}';%20if(document.createStyleSheet)%20{%20document.createStyleSheet(%22javascript:'%22+styles+%22'%22);%20}%20else%20{%20newSS=document.createElement('link');%20newSS.rel='stylesheet';%20newSS.href='data:text/css,'+escape(styles);%20document.getElementsByTagName(%22head%22)[0].appendChild(newSS);%20}%20})();

B
javascript: black_colors_and_white_backgrounds_frames();function black_colors_and_white_backgrounds_frames(win) { if (win) var frame=win.frames; else { var frame=window.frames; black_colors_and_white_backgrounds(document.documentElement); } for (var i=0; i < frame.length; i++) { black_colors_and_white_backgrounds(frame[i].document.documentElement); black_colors_and_white_backgrounds_frames(frame[i]) }}function black_colors_and_white_backgrounds(html) { var elm=html.getElementsByTagName("*"); for (var i=0; i < elm.length; i++) { elm[i].style.color="black"; elm[i].style.background="white"; document.links[i].style.color="blue"; }}

黒背景でページが読みづらい時などに。 A は訪問済みリンクと未訪問リンクの色分けもされます。 B にもリンク色は設定ましたが、訪問済みとの区別はありません。

黒背景、白文字のサイトやブログを一時的に正常化 - パソコントラブルＱ＆Ａ
ブックマークレット - Amenti

Bookmarklet 14 » { 文字大きく; 行間調整 }　IE ×

javascript:(function(){var%20newSS,styles='*{font-size:%2015px%20!important;line-height:%201.6em%20!important;}';if(document.createStyleSheet){document.createStyleSheet("javascript:'"+styles+"'");}else{newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles);document.getElementsByTagName("head")[0].appendChild(newSS);}})()

IE では動きませんが IEでいう「文字のサイズ：大」の状態にするものです。「ズーム機能」だと画像まで拡大されてしまうので、テキストのみの拡大ができないブラウザ等で。

Bookmarklet 15 » { CSSを無効に }

javascript:for (i=0;i<document.styleSheets.length;i++) {void(document.styleSheets.item(i).disabled=true);}

見ているページのスタイルシートを一時的に無効にします。