Yin and Yang：リンク先の内容をその場で表示するスクリプト(Greasemonkey／SeaHorse／ブックマークレット)

検索結果やブログを読んでいてリンクがあった場合、それをクリックして別画面でリンク先を確認する、というのは結構面倒だったりします。

マウスオーバでサムネイル画像がプレビューされる、というようなスクリプトはよくありますが、意外とわずらわしいし、その割に実際にどんな内容があるかはよくわからないので、あんまり好きじゃないんですよね。

なので、その場でプレビュー表示してみるようなスクリプトを作成してみました。

■使用方法
スクリプトをインストール／実行後にウェブページを表示し、適当なリンクの上にマウスカーソルをあわせて、マウスホイールを手前に回すと、しばらくしてリンク先のプレビューが表示されます。
同様に、リンク上にカーソルをおいてホイールを反対に回せば、プレビューが閉じます。

■動作画面

リンクの上にマウスカーソルをあわせ、ホイールを回すと……

のように、プレビューが表示されます。

■Greasemonkey＆SeaHorse

Yin and Yang：マウスホイールでリンク先をプレビュー

【2008/05/02追記】SeaHorseの方は専用版があります。Sleipnir使いの方はそちらをどうぞ。

■SeaHorse専用

Yin and Yang：マウスホイールでリンク先をプレビュー

SeaHorseの使い方については、例えばこちらとかこちら。Greasemonkeyの使い方については、例えばこちら。

Operaのユーザー JavaScript ファイル(User Script)としても動作するようです(Opera 9.27で確認)。

■ブックマークレット

Yin and Yang：マウスホイールでリンク先をプレビュー

ブックマークレットの登録方法等はこちら→【Web】ブックマークレットのブラウザ毎の登録方法

■注意書き

例によって、一切の保証はありません。ご使用は自己責任で。

リンク先のページによっては文字化けしたり、内容がまったく表示されないこともあります。悪しからず。

■覚書

• リンク先ページ内容の取得には、Yahoo!PipesのFetch Pageを使用しています。
  フィルタはこちら。URLを渡すとページの内容(htmlソース)をJSONPとかで取得できるAPIをYahoo! Pipesで作った(管理人日記) - むぅもぉ.jpを参考にさせていただきました。
  なお、ページが取得出来ないなどの制約は、Pipes依存です。
• プレビュー表示時には、AutoPagerizeのSITEINFOを使用してpageElementを取得しています。
  これにより、SITEINFOがあるページでは、サイドバー等の余分な情報をのぞいたものが表示されるようになります。
• SITEINFOよりpageElementを取得するため、JavaScript-XPathを使用させていただいています。

ちなみになんでスクリプト名が『Yin and Yang』かというと、リンクの陰に隠れているページを陽にさらすという意味から、です。

ほんとは引用→陰陽だというのはひみつ。