☰

Auto Readable

Auto readable on load.

  1. // ==UserScript==
  2. // @name           Auto Readable
  3. // @description:en Auto readable on load.
  4. // @version        0.1
  5. // @namespace      https://twitter.com/foldrr
  6. // @include        http://*
  7. // @description Auto readable on load.
  8. // ==/UserScript==
  9. (function(){
  10.     var d = document;
  11.     var href = d.location.href;
  12.     var body = d.getElementsByTagName('body')[0];
  13.     
  14.     // 設定
  15.     var DEBUG = false;
  16.     var includes = [
  17.         "/blog.livedoor.jp/",
  18.         "/blogs.yahoo.co.jp/",
  19.         "/ameblo.jp/",
  20.         "/gigazine.net/",
  21.         ".fc2.com/"
  22.     ];
  23.     var MARGIN_LEFT = body.offsetWidth * 0.20;
  24.     var MARGIN_RIGHT = body.offsetWidth * 0.25;
  25.     var BODY_WIDTH = body.offsetWidth * 0.60;
  26.     
  27.     // 指定したサイト以外なら終了。
  28.     for(var i = 0, n = includes.length; i < n; i++){
  29.         if(0 <= href.indexOf(includes[i])){
  30.             break;
  31.         }
  32.     }
  33.     if(i == includes.length){
  34.         return;
  35.     }
  36.     
  37.     // String拡張: タグを削除する。
  38.     String.prototype.stripTags = function(){
  39.         return this.replace(/^.+?>/, "")
  40.                    .replace(/<\/.+/, "")
  41.                    .replace(/<!.+/, "");
  42.     };
  43.     
  44.     // String拡張: 改行を削除する。
  45.     String.prototype.chomp = function(){
  46.         return this.replace(/(\r|\n)/, "");
  47.     };
  48.     
  49.     // メイン処理
  50.     (function(){
  51.         // 本文への目印としてヘッダーを取得。
  52.         var heads = [];
  53.         pushHeaders(heads, "h3");
  54.         pushHeaders(heads, "h2");
  55.         pushHeaders(heads, "h1");
  56.         
  57.         // ページタイトルに似ているヘッダから本文を判別。
  58.         var title = d.title;
  59.         var target = null;
  60.         for(var i = 0, n = heads.length; i < n; i++){
  61.             var text = getText(heads[i]);
  62.             p(text);
  63.             if(10 < text.length){
  64.                 if(title.indexOf(text) !== -1){
  65.                     target = heads[i];
  66.                     break;
  67.                 }
  68.             }
  69.         }
  70.         
  71.         // 本文が見つかればページを編集。
  72.         p("target = " + !!target);
  73.         if(target){
  74.             // スタイルを無効化。
  75.             for(var i = 0, n = d.styleSheets.length; i < n; i++){
  76.                 d.styleSheets[i].disabled = true;
  77.             }
  78.             
  79.             // ページ内容を生成。
  80.             var parent = target.parentNode.parentNode;
  81.             target.parentNode.style.width = BODY_WIDTH + "px";
  82.             
  83.             // 本文のタイトルを削除。
  84.             target.parentNode.removeChild(target);
  85.             
  86.             // 本文のタイトルを再設定。
  87.             var a = d.createElement("a");
  88.             a.innerHTML = title;
  89.             a.href = href;
  90.             
  91.             var t = d.createElement("h1");
  92.             t.appendChild(a);
  93.             
  94.             parent.insertBefore(t, parent.childNodes[0]);
  95.             
  96.             // BODYを設定。
  97.             body.style.marginLeft = MARGIN_LEFT + "px";
  98.             body.style.marginRight = MARGIN_RIGHT + "px";
  99.             body.innerHTML = parent.innerHTML;
  100.         }
  101.     })();
  102.     
  103.     // 指定したタグ名の要素を配列に加える。
  104.     function pushHeaders(dst, tagName){
  105.         var es = d.getElementsByTagName(tagName);
  106.         for(var i = 0, n = es.length; i < n; i++){
  107.             dst.push(es[i]);
  108.         }
  109.     }
  110.     
  111.     // ヘッダのテキストを取得する。
  112.     function getText(x){
  113.         return x.innerHTML.stripTags().chomp();
  114.     }
  115.     
  116.     // デバッグプリント。
  117.     function p(x){
  118.         if(DEBUG){
  119.             GM_log(x.toString());
  120.         }
  121.     }
  122. })();