SBMCommentsViewerを更に快適にするためのカスタマイズ

はてブコメントにフォーカスを与える

まず、コメントを表示したときに、はてブのコメントエリアにフォーカスを与える(ショートカットキーで表示したときのみ)。

これにより、コメントが多くてスクロールが必要なときに、いちいちマウスでクリックしてフォーカスを与えなくても、そのまま上下矢印やページアップページダウンなどでコメントが見られるようになる。
-はその行を削除する、+は新たに加えるという意味。

269行目から
        CommentArea.prototype.toggle = function () {
            if(!this.div || this.div.style.display == 'none'){
                this.show();
 +                document.getElementById('SBMCommentsViewerCommentArea').focus();

使わないソーシャルブックマークを読み込まないようにする

次に、回線速度が遅いと各種ソーシャルブックマークのコメントを読み込むのがかなりの負荷になってしまうので、はてブ以外のコメント読み込みはしないようにする。

..Loadという読み込み関数をコメントアウトする

1240行目から
    function loadSBM() {
        if(is_load == false){
 +            //dlLoad();
 +            //ldLoad();
            hbLoad();
 +            //pmLoad();
 +            //bzLoad();
            is_load = true;
        }
    }

コメント表示エリアを広くする

次に、コメント表示エリアを広くしていく。

が、ピクセル(px)で指定するとFirefoxのウィンドウサイズを変更した際に対応できないので、パーセント(%)で指定していく。

100行目
 -        "height:" + comment_height + "px; ",
 +        "height:80%; ",

114行目
 -        "height:" + comment_height + "px; ",
 +        "height:100%; ",

あとはお好みで

あとはお好みの設定

51行目、ショートカットキー(コントロール＋B)
 -    var BIND_KEY = 'A-c';
 +    var BIND_KEY = 'C-b';

84行目、どのページでも同じ文字の大きさで表示する
 -    var font_css = "font-size:100%; color:#333333;";
 +    var font_css = "font-size:16px; color:#333333;";

87行目、背景色をお好みで
 -        "background-color:white; ",
 +        "background-color:LemonChiffon; ",

88行目、読みにくいので透過表示はしない
 -        "opacity:0.90;"
 +        "opacity:1.00;"

102行目の後に挿入、ページによって行間が変わるのを防ぐ
 +        "line-height:1.5;",

155行目、ユーザー名・タグなどは小さく表示
 -        "font-size:100%;",
 +        "font-size:12px;",