2ch Viewer ブックマークレット Ver.2


2ちゃんねる の閲覧をサポートするブックマークレットを作ったので公開します。 以前も同じテーマのブックマークレットを作りましたが、今回は jQuery や jQuery UI を使って完全に書き直すと共に機能を大幅に強化しました。 サンプルコードとしても役に立つと思います。

機能追加の要望やバグを見つけた方はコメント欄からご連絡ください。

機能

2ちゃんねる のスレッドを開いた状態でこのブックマークレットを実行すると、以下の機能が有効になります。

  • DAT ファイルを読み込み、現在のページにマージする
  • 不完全なアンカーを修正する
  • リンクを直リンクに直す
  • URLの様な文字列をリンク化する
  • アンカー、レス番号、ID にマウスカーソルを乗せると、Jane Style の様にポップアップを表示する (再帰的なポップアップが可能)
  • アンカーをクリックすると、対象のレス位置へスクロールする  (ブラウザの戻るボタンで元の位置へ戻ることが可能)
  • 被アンカー数が3以上の場合、レス番号を赤で表示
  • 同一 ID による投稿数を ID の隣に表示
  • 同一 ID による投稿数が5以上の場合、ID を赤で表示
  • 画像へのリンクにマウスカーソルを乗せると、リンク先の画像をポップアップ表示する (ポップアップされた画像はドラッグして移動したり、マウススクロールで拡大・縮小が出来る)
  • 上記の初期化処理時、プログレスバーで進捗を表示する
  • [新着レスの表示] のリンクをクリックしたとき、DATファイルから読み込み、現在のページにマージすると共に上記の機能を有効にする
  • 新着レスのレス番号は太字で表示する
  • ブックマークレットを複数回実行した場合、2回目以降は [新着レス取得] の動作をする
  • 広告を除去

以下のブラウザで動くことを確認しています。
: Internet Explorer (9.0)
: Chrome (20.0)
: Firefox (12.0)
: Safari (5.1)
: Opera (12.00)
(IE では処理が重いなどの問題があります)

使い方

2ちゃんねる のスレッドを開いた状態で以下のブックマークレットを実行することで機能が有効になります。お気に入りなどに登録してご利用ください。

ブックマークレット用リンク
2ch viewer v2

ソースコード

2ch-viewer-2.js

参考にした書籍

[amazon asin=”4798124281″ /]

新着レスのロード中に使った GIF アニメのジェネレータ

Ajaxload – Ajax loading gif generator

変更履歴

  • 2014-10-26
    • dat ファイルから取得した文字が文字化けしていた問題を修正
    • 2ch の仕様変更で直リンク化がうまく行われていなかった問題を修正
    • 同様に新着レス取得処理修正
    • 広告除去機能追加
カテゴリー: 記事 タグ: , , , , パーマリンク

コメントを残す