☰

百度贴吧图片缩放增强脚本

增强百度贴吧图片缩放，看大图无需开新标签页。

  1. // ==UserScript==
  2. // @id             tieba.baidu.com-709c0fe7-e313-44bd-9dbd-752bbd80259d@patwonder@163.com
  3. // @name           百度贴吧图片缩放增强脚本
  4. // @version        0.78
  5. // @namespace      patwonder@163.com
  6. // @author         patwonder
  7. // @description    增强百度贴吧图片缩放，看大图无需开新标签页。
  8. // @include        /^https?://tieba\.baidu\.com/((f\?kz=.*)|(p/.*))/
  9. // @include        http://tieba.baidu.com/club/*/p/*
  10. // @include        http://tieba.baidu.com/f?kz=*
  11. // @include        http://tieba.baidu.com/p/*
  12. // @include        http://tieba.baidu.com/f?*ct=*z=*
  13. // @include        http://tieba.baidu.com.cn/f?kz=*
  14. // @include        http://tieba.baidu.com.cn/p/*
  15. // @include        http://tieba.baidu.com.cn/f?*ct=*z=*
  16. // @include        http://post.baidu.com/f?kz=*
  17. // @include        http://post.baidu.com/p/*
  18. // @include        http://post.baidu.com/f?*ct=*z=*
  19. // @include        http://post.baidu.com.cn/f?kz=*
  20. // @include        http://post.baidu.com.cn/p/*
  21. // @include        http://post.baidu.com.cn/f?*ct=*z=*
  22. // @run-at         document-end
  23. // @grant          none
  24. // ==/UserScript==
  25.  
  26. (function(d, w) {
  27. var B_WIDESCREEN_ENABLED = true;
  28. var B_FLOORNUM_ENABLED = true;
  29. var B_SWITCH_ENABLED = true;
  30.  
  31. var btise = { wideScreenEnabled : B_WIDESCREEN_ENABLED, floorNumEnabled : B_FLOORNUM_ENABLED };
  32. var localStorage = null;
  33. try {
  34.   localStorage = w.localStorage;
  35. } catch (ex) { }
  36.  
  37. if (localStorage) {
  38.   localStorage = localStorage.wrappedJSObject || localStorage;
  39.   if (typeof(localStorage.btise) == 'string') {
  40.     try {
  41.       btise = JSON.parse(localStorage.btise);
  42.     } catch (ex) { }
  43.   }
  44.  
  45.   // Assign default configs
  46.   if (typeof(btise.wideScreenEnabled) == 'undefined' && typeof(btise.floorNumEnabled) == 'undefined') {
  47.     btise.wideScreenEnabled = B_WIDESCREEN_ENABLED;
  48.     btise.floorNumEnabled = B_FLOORNUM_ENABLED;
  49.   }
  50.   if (typeof(localStorage.btise) != 'string')
  51.     localStorage.btise = JSON.stringify(btise);
  52. } else {
  53.   B_SWITCH_ENABLED = false;
  54. }
  55.  
  56. B_WIDESCREEN_ENABLED = !!btise.wideScreenEnabled;
  57. B_FLOORNUM_ENABLED = !!btise.floorNumEnabled;
  58.  
  59. var STR_SCRIPT_NAME = '百度贴吧图片缩放增强脚本';
  60.  
  61. var common = {
  62.     matchesSelector: function(element, selector) {
  63.         if (element.mozMatchesSelector) {
  64.             return element.mozMatchesSelector(selector);
  65.         } else if (element.webkitMatchesSelector) {
  66.             return element.webkitMatchesSelector(selector);
  67.         } else if (element.matchesSelector) {
  68.             return element.matchesSelector(selector);
  69.         } else {
  70.             try {
  71.                 var elems = element.parentElement ? element.parentElement.querySelectorAll(selector) : [];
  72.                 for (var i = 0, l = elems.length; i < l; i++) {
  73.                     if (elems[i] === element) return true;
  74.                 }
  75.             } catch (ex) { }
  76.             return false;
  77.         }
  78.     },
  79.     // re-entrance guard for image wrapping, avoid re-entering the DOM mutation event handlers
  80.     wrapping: false
  81. };
  82.  
  83. (function() {
  84.     var IMG_RETRIEVING_SIZE = '正在获取原始大小……';
  85.     var IMG_ORG_SIZE_DESC = '原图：';
  86.     var IMG_CUR_PERCENT = "比例：";
  87.     var IMG_MAG_DESC = '点击放大，按住Shift全部放大';
  88.     var IMG_MIN_DESC = '点击缩小，按住Shift全部缩小';
  89.     var SIGN_SELECTOR = 'div.d_sign_split + img';
  90.     var IMG_INSIDE_EDITOR_SELECTOR = '#editor img, #tb_rich_poster img';
  91.     var IMG_SELECTOR = 'img.BDE_Image, div.p_content img.BDE_Smiley, img.d_content_img, ' + SIGN_SELECTOR;
  92.     var REG_SIGN = /w%3D580.*\/sign=.*?(?=\/)/;
  93.     var REG_TBPICAU = /\/(\w+)\.[a-zA-Z]{3,4}\?.*tbpicau=[\w-_]+/;
  94.     var REG_TID = /(?:\/p\/|[\?&]kz=)(\d+)/;
  95.     var images = [];
  96.  
  97.     var matchesSelector = common.matchesSelector;
  98.  
  99.     var prefilterImages = function() {
  100.         var imageNodes = d.querySelectorAll(IMG_SELECTOR);
  101.         for (var i = 0; i < imageNodes.length; i++) {
  102.             var image = imageNodes[i];
  103.             if (shouldAdd(image))
  104.                 prefilterImage(image);
  105.         }
  106.     };
  107.  
  108.     var prefilterImage = function(image) {
  109.         // Check whether we should reload with original src
  110.         if (REG_SIGN.test(image.src)) {
  111.             if (REG_TBPICAU.test(image.src)) {
  112.                 checkTbpicau(image, image.src);
  113.             } else {
  114.                 var newimg = d.createElement('img');
  115.                 newimg.src = image.src.replace(REG_SIGN, "pic/item");
  116.                 newimg.className = image.className;
  117.                 if (image.parentElement) {
  118.                     common.wrapping = true;
  119.                     image.parentElement.insertBefore(newimg, image);
  120.                     image.parentElement.removeChild(image);
  121.                     common.wrapping = false;
  122.                     return newimg;
  123.                 }
  124.             }
  125.             return image;
  126.         }
  127.  
  128.         // Check for passively loaded images
  129.         var passiveAttr;
  130.         var passiveSrc;
  131.         if (image.hasAttribute("data-passive")) {
  132.             passiveAttr = "data-passive";
  133.         } else if (image.hasAttribute("data-tb-lazyload")) {
  134.             passiveAttr = "data-tb-lazyload";
  135.         }
  136.  
  137.         if (passiveAttr) {
  138.             passiveSrc = image.getAttribute(passiveAttr);
  139.             if (REG_TBPICAU.test(passiveSrc)) {
  140.                 checkTbpicau(image, passiveSrc);
  141.             } else {
  142.                 image.setAttribute(passiveAttr, passiveSrc.replace(REG_SIGN, "pic/item"));
  143.             }
  144.         }
  145.  
  146.         return image;
  147.     };
  148.  
  149.     var tidRes = REG_TID.exec(w.location.href);
  150.     var tid = tidRes && tidRes[1];
  151.     var checkTbpicau = function(image, src) {
  152.         var tbpicauRes = REG_TBPICAU.exec(src);
  153.         if (tbpicauRes && tid) {
  154.             var xhttp = new XMLHttpRequest();
  155.             xhttp.onreadystatechange = function() {
  156.                 if (this.readyState == 4 && this.status == 200) {
  157.                     var waterurl = null;
  158.                     try {
  159.                         waterurl = JSON.parse(this.responseText).data.img.original.waterurl;
  160.                     } catch(ex) {}
  161.                   
  162.                     if (waterurl) {
  163.                         var passiveSrc = image.getAttribute('data-passive') || image.getAttribute('data-tb-lazyload');
  164.                         if (passiveSrc && passiveSrc != "loaded") {
  165.                             if (image.hasAttribute("data-passive")) {
  166.                                 image.setAttribute("data-passive", waterurl);
  167.                             } else {
  168.                                 image.setAttribute("data-tb-lazyload", waterurl);
  169.                             }
  170.                         } else {
  171.                             var newimg = d.createElement('img');
  172.                             newimg.src = waterurl;
  173.                             newimg.className = image.className;
  174.                             if (image.parentElement) {
  175.                                 common.wrapping = true;
  176.                                 image.parentElement.insertBefore(newimg, image);
  177.                                 image.parentElement.removeChild(image);
  178.                                 common.wrapping = false;
  179.                                 replacePrefilteredImage(image, newimg);
  180.                             }
  181.                         }
  182.                     }
  183.                 }
  184.             };
  185.             var picId = tbpicauRes[1];
  186.             xhttp.open("GET", "https://tieba.baidu.com/photo/p?alt=jview&pic_id=" + picId + "&tid=" + tid, true);
  187.             xhttp.send();
  188.         }
  189.     };
  190.  
  191.     var obtainImages = function() {
  192.         var imageNodes = d.querySelectorAll(IMG_SELECTOR);
  193.         for (var i = 0; i < imageNodes.length; i++) {
  194.             var image = imageNodes[i];
  195.             if (shouldAdd(image))
  196.                 images.push(image);
  197.         }
  198.     };
  199.     var shouldAdd = function(image) {
  200.         // don't process images inside the editor
  201.         if (matchesSelector(image, IMG_INSIDE_EDITOR_SELECTOR))
  202.             return false;
  203.         return true;
  204.     };
  205.     var addImages = function(new_images) {
  206.         for (var i = 0; i < new_images.length; i++) {
  207.             var image = new_images[i];
  208.             if (!shouldAdd(image)) continue;
  209.             image = prefilterImage(image);
  210.  
  211.             images.push(image);
  212.             initImage(image);
  213.             adjustScaling(image);
  214.         }
  215.     };
  216.     var removeImages = function(del_images) {
  217.         for (var i = 0; i < del_images.length; i++) {
  218.             var image = del_images[i];
  219.             for (var j = 0; j < images.length; j++) {
  220.                 if (images[j] == image) {
  221.                     images.splice(j, 1);
  222.                     break;
  223.                 }
  224.             }
  225.         }
  226.     };
  227.     var replacePrefilteredImage = function(oldImage, newImage) {
  228.         for (var j = 0; j < images.length; j++) {
  229.             if (images[j] == oldImage) {
  230.                 images.splice(j, 1);
  231.                 break;
  232.             }
  233.         }
  234.  
  235.         images.push(newImage);
  236.         initImage(newImage);
  237.         adjustScaling(newImage);
  238.     };
  239.   
  240.     w.addEventListener('DOMNodeInserted', function(event) {
  241.         if (common.wrapping) return;
  242.         if (matchesSelector(event.target, IMG_SELECTOR)) {
  243.             addImages([event.target]);
  244.         } else if (event.target.querySelectorAll) {
  245.             var new_images = event.target.querySelectorAll(IMG_SELECTOR);
  246.             if (new_images.length !== 0) {
  247.                 addImages(new_images);
  248.             }
  249.         }
  250.     }, false);
  251.     w.addEventListener('DOMNodeRemoved', function(event) {
  252.         if (common.wrapping) return;
  253.         if (matchesSelector(event.target, IMG_SELECTOR)) {
  254.             removeImages([event.target]);
  255.         } else if (event.target.querySelectorAll) {
  256.             var del_images = event.target.querySelectorAll(IMG_SELECTOR);
  257.             if (del_images.length !== 0) {
  258.                 removeImages(del_images);
  259.             }
  260.         }
  261.     }, false);
  262.     // Stops everything from bubbling up and doing anything else
  263.     var stopListener = function(e) {
  264.       if (e.stopImmediatePropagation) e.stopImmediatePropagation();
  265.       else if (e.stopPropagation) e.stopPropagation();
  266.  
  267.       if (e.preventDefault) e.preventDefault();
  268.  
  269.       return false;
  270.     };
  271.     // Image click handler that handles image size switching
  272.     var listener = function(e) {
  273.         // Only handle left clicks
  274.         if (e.button !== 0) return;
  275.  
  276.         var image = (e && e.target) || (w.event && w.event.srcElement);
  277.         // We are expecting clicks on detected images
  278.         if (!image || image.localName != 'img' || image.getAttribute('data-detected') != 'true' || !shouldAdd(image))
  279.           return;
  280.  
  281.         if (image && image.getAttribute('data-disabled') != 'true') {
  282.             var isSign, img, i;
  283.             if (image.getAttribute('data-fullsized') == 'true') {
  284.                 image.setAttribute('data-fullsized', 'false');
  285.                 setTitle(image);
  286.                 if (e.shiftKey) {
  287.                     isSign = matchesSelector(image, SIGN_SELECTOR);
  288.                     for (i = 0; i < images.length; i++) {
  289.                         img = images[i];
  290.                         // separate scale all images for sign and non-sign images
  291.                         if (isSign != matchesSelector(img, SIGN_SELECTOR))
  292.                             continue;
  293.                         if (img.getAttribute('data-fullsized') == 'true') {
  294.                             img.setAttribute('data-fullsized', 'false');
  295.                             setTitle(img);
  296.                         }
  297.                     }
  298.                 }
  299.             } else {
  300.                 image.setAttribute('data-fullsized', 'true');
  301.                 setTitle(image);
  302.                 if (e.shiftKey) {
  303.                     isSign = matchesSelector(image, SIGN_SELECTOR);
  304.                     for (i = 0; i < images.length; i++) {
  305.                         img = images[i];
  306.                         // separate scale all images for sign and non-sign images
  307.                         if (isSign != matchesSelector(img, SIGN_SELECTOR))
  308.                             continue;
  309.                         if (img.getAttribute('data-fullsized') != 'true') {
  310.                             img.setAttribute('data-fullsized', 'true');
  311.                             setTitle(img);
  312.                         }
  313.                     }
  314.                 }
  315.             }
  316.             if (e.shiftKey) image.scrollIntoView();
  317.         }
  318.         return stopListener(e);
  319.     };
  320.  
  321.     var isDisplayingFullsize = function(image, callback) {
  322.         if (image.hasAttribute('data-owidth')) {
  323.             var owidth = image.getAttribute('data-owidth');
  324.             callback(image.parentElement.offsetWidth >= owidth);
  325.             return;
  326.         }
  327.  
  328.         var newImg = new Image();
  329.  
  330.         newImg.onload = function() {
  331.             var owidth = newImg.width;
  332.             image.setAttribute('data-owidth', owidth);
  333.             image.setAttribute('data-oheight', newImg.height);
  334.             // image may have detached from the document, thus visiting "parentElement" may fail
  335.             if (image.parentElement && image.parentElement.offsetWidth)
  336.               callback(image.parentElement.offsetWidth >= owidth);
  337.         };
  338.  
  339.         var passiveSrc = image.getAttribute('data-passive') || image.getAttribute('data-tb-lazyload');
  340.         newImg.src = (passiveSrc != "loaded" && passiveSrc) || image.src;
  341.     };
  342.  
  343.     var adjustScaling = function(image) {
  344.         isDisplayingFullsize(image, function(isFullsize) {
  345.             if (isFullsize) {
  346.                 if (image.getAttribute('data-disabled') != 'true') {
  347.                     image.setAttribute('data-disabled', 'true');
  348.                 }
  349.             } else {
  350.                 if (image.getAttribute('data-disabled') == 'true') {
  351.                     image.removeAttribute('data-disabled');
  352.                 }
  353.             }
  354.             setTitle(image);
  355.         });
  356.     };
  357.  
  358.     var initImage = function(image) {
  359.         image.removeAttribute('width');
  360.         image.removeAttribute('height');
  361.         image.setAttribute('data-detected', 'true');
  362.         setTitle(image);
  363.         image.onclick = undefined;
  364.  
  365.         image.addEventListener("load", function() {
  366.             var passiveSrc = image.getAttribute('data-passive') || image.getAttribute('data-tb-lazyload');
  367.             if (passiveSrc && passiveSrc != "loaded")
  368.               return;
  369.             var width = image.naturalWidth;
  370.             var height = image.naturalHeight;
  371.             image.setAttribute('data-owidth', width);
  372.             image.setAttribute('data-oheight', height);
  373.             adjustScaling(image);
  374.         }, false);
  375.  
  376.         if (matchesSelector(image, SIGN_SELECTOR)) {
  377.             // wrap sign images into a fixed size container
  378.             common.wrapping = true;
  379.             try {
  380.                 var divWrapper = d.createElement('div');
  381.                 divWrapper.className = 'd_sign_wrapper';
  382.                 image.parentElement.insertBefore(divWrapper, image.previousSibling);
  383.                 divWrapper.appendChild(image.previousSibling);
  384.                 divWrapper.appendChild(image);
  385.             } finally {
  386.                 common.wrapping = false;
  387.             }
  388.         }
  389.     };
  390.  
  391.     var setTitle = function(image) {
  392.         var title_a = [];
  393.         if (image.getAttribute('data-disabled') != 'true') {
  394.             var isFullsized = image.getAttribute('data-fullsized') == 'true';
  395.             if (image.hasAttribute('data-owidth')) {
  396.                 var owidth = image.getAttribute('data-owidth');
  397.                 title_a = [IMG_ORG_SIZE_DESC, owidth, '*', image.getAttribute('data-oheight'), '  ',
  398.                 IMG_CUR_PERCENT, isFullsized ? 100 : Math.floor(100 * image.parentElement.offsetWidth / owidth), '%\n'];
  399.             } else {
  400.                 title_a = [IMG_RETRIEVING_SIZE, '\n'];
  401.             }
  402.             title_a.push(isFullsized ? IMG_MIN_DESC : IMG_MAG_DESC);
  403.         }
  404.         image.setAttribute('title', title_a.join(''));
  405.     };
  406.  
  407.     var doImageOpAll = function(op) {
  408.         for (var i = 0; i < images.length; i++) {
  409.             op(images[i]);
  410.         }
  411.     };
  412.  
  413.     var adjustScalingAll = function() { doImageOpAll(adjustScaling); };
  414.     var initImageAll = function() { doImageOpAll(initImage); };
  415.  
  416.     prefilterImages();
  417.     obtainImages();
  418.     initImageAll();
  419.     w.addEventListener('resize', adjustScalingAll, false);
  420.  
  421.     var loadListener = function() {
  422.         for (var i = 0; i < images.length; i++) {
  423.             var image = images[i];
  424.             adjustScaling(image);
  425.             image.onclick = undefined;
  426.         }
  427.     };
  428.     w.addEventListener('DOMContentLoaded', loadListener, false);
  429.     w.addEventListener('load', loadListener, false);
  430.     w.addEventListener('click', listener, true);
  431.  
  432.     var rightPanelWidth = (function(rightSection) {
  433.         return rightSection ? rightSection.offsetWidth : 0;
  434.     })(d.querySelector('div.right_section'));
  435.  
  436.     var style = d.createElement('style');
  437.     style.setAttribute('type','text/css');
  438.  
  439.     var aInnerHTML = ['img[data-detected=true] { max-width: 100% !important; margin-top: 0 !important; width: auto !important; height: auto !important; cursor: url("data:image/gif;base64,R0lGODlhIAAgAKEAAP///wAAAP///////yH5BAEAAAIALAAAAAAgACAAAAJMlBUZx+2PApggwesk3Qt7XYGdB4EhR5aToqzpo7GJ+zbmTI31IYp7tkH9bDfFMGOM6I4wC/OSfDaXUl71is1qt9yu9wsOi8fkstlQAAA7") 6 6, pointer !important; }\n',
  440.                       'img[data-detected=true][data-fullsized=true]:not([data-disabled=true]) { max-width: none !important; cursor: url("data:image/gif;base64,R0lGODlhIAAgAKEAAP///wAAAP///////yH5BAEAAAIALAAAAAAgACAAAAJLlBUZx+2PApggwesk3Qt7vU2dB4GhSJaikqBptrLuy5jnSB82hefGPvPpTCxhRvGzGDHI5aXpfECjjR71is1qt9yu9wsOi8fk8rgAADs=") 6 6, pointer !important; z-index: 9999999; position: relative; }\n',
  441.                       'img[data-detected=true][data-disabled=true]  { cursor: default !important; }\n',
  442.                       'div.replace_div { width: auto !important; height: auto !important; overflow: visible !important; position: static !important; border: none !important; }\n',
  443.                       'div.replace_tip { display: none !important; }\n',
  444.                       'div.d_sign_wrapper { max-width: 568px; margin: 0 5px; }\n',
  445.                       'div.d_sign_split, div.d_sign_split + img { margin-left: 0 !important; margin-right: 0 !important; }\n',
  446.                       '#pic_to_album_tip { display: none !important; }\n',
  447.                       'div.d_post_content_main, div.d_post_content { overflow: visible !important; }\n',
  448.                       'div.j_lzl_container img.BDE_Smiley { max-width: 30px !important; max-height: 30px !important; }\n',
  449.                       'ul.nav_right a { height: 36px; float: right; color: #5C6573; margin: 5px 5px; padding: 10px 5px; }\n',
  450.                       'div.p_content.p_content_nameplate > img[width="1"][height="1"] { display: none !important; }',
  451.                       'body { overflow-x: auto !important; }'];
  452.     if (B_WIDESCREEN_ENABLED) {
  453.         aInnerHTML = aInnerHTML.concat(['\n',
  454.             '#container, div.content, #tb_nav, div.p_thread, #pb_content, div.left_section, #j_core_title_wrap, div.l_post, div.d_post_content_main, div.core_reply_wrapper, div.pb_footer, div.d_sign_split, blockquote.d_quote, blockquote.d_quote fieldset, .d_quote .quote_content, div.core { width: auto !important; }\n',
  455.             'div.pb_content { background: none !important; }\n',
  456.             'div.d_post_content_main { padding: 15px 10px 5px !important; }\n',
  457.             'div.p_content { padding: 0 !important; }\n',
  458.             'div.left_section {\n',
  459.             '    -moz-box-sizing: border-box;\n',
  460.             '    -webkit-box-sizing: border-box;\n',
  461.             '    box-sizing: border-box;\n',
  462.             '    width: -moz-calc(100% - ', rightPanelWidth, 'px) !important;\n',
  463.             '    width: -webkit-calc(100% - ', rightPanelWidth, 'px) !important;\n',
  464.             '    width: calc(100% - ', rightPanelWidth, 'px) !important;\n',
  465.             '    border-right: 1px solid #E5E5E5;\n',
  466.             '}\n',
  467.             'div.l_post {\n',
  468.             '    background-color: white;\n',
  469.             '    background-image:    -moz-linear-gradient(left, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  470.             '    background-image: -webkit-linear-gradient(left, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  471.             '    background-image:     -ms-linear-gradient(left, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  472.             '    background-image:      -o-linear-gradient(left, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  473.             '    background-image:         linear-gradient(to right, #F7F7F7, #F7F7F7 130px, white 130px, white);\n',
  474.             '}\n',
  475.             'div.core_reply_tail, div.core_reply_wrapper { margin-right: 0px !important; }\n',
  476.             'div.core_reply, div.d_content { margin-left: 0px !important; max-width: 568px; margin-right: auto !important; }\n',
  477.             '#tb_rich_poster { margin-left: 0px !important; }\n',
  478.             '#tb_rich_poster_container { margin-left: 10px !important; }\n',
  479.             'div.d_main_section, div.d_post_content_main, div.d_content, div.core_reply, h1.core_title_txt { float: none !important; }\n',
  480.             'div.d_post_content_main { margin-left: 130px !important; }\n',
  481.             'div.right_section { margin-left: 0 !important; }\n',
  482.             'h1.core_title_txt { display: inline; }\n',
  483.             '.card_top_theme2 { margin-right: 0 !important; }\n',
  484.             '.exp { width: 133px !important; }\n',
  485.             '.exp_bar { margin-right: 0 !important; }\n',
  486.             'div.post_bubble_top, div.post_bubble_bottom { display: none !important; }\n',
  487.             'div.post_bubble_middle { width: auto !important; background: none !important; padding: 0 !important; }\n'
  488.         ]);
  489.     }
  490.     style.innerHTML = aInnerHTML.join('');
  491.     d.querySelector('head').appendChild(style);
  492.  
  493.     adjustScalingAll();
  494.     w.setTimeout(adjustScalingAll, 1000);
  495. })();
  496.  
  497. (function() {
  498.     if (!B_FLOORNUM_ENABLED) return;
  499.  
  500.     var POST_SELECTOR = 'div.l_post';
  501.     var LZL_POST_SELECTOR = 'span.lzl_time';
  502.     var GRAVE_POST_WARNING_THRESHOLD_MILLIS = 30 * 86400 * 1000;
  503.  
  504.     var pint = function(str) {
  505.         var num = parseInt(str, 10);
  506.         return (isNaN(num) || !isFinite(num)) ? 0 : num;
  507.     };
  508.  
  509.     var getPostTimeMillis = function(postTimeString) {
  510.         var postTimeMillis = 0;
  511.         if (postTimeString) {
  512.             var match = /^\s*([0-9]{2,4})[\/-]([0-9]{1,2})[\/-]([0-9]{1,2})[\stT\,]*([0-9]{1,2})\:([0-9]{1,2})(?:\:([0-9]{1,2}))?\s*$/.exec(postTimeString);
  513.             if (match) {
  514.                 postTimeMillis = new Date(pint(match[1]), pint(match[2]) - 1, pint(match[3]), pint(match[4]), pint(match[5]), pint(match[6])).getTime();
  515.             }
  516.         }
  517.         return postTimeMillis;
  518.     };
  519.  
  520.     var getPostTimeSummary = function(postTimeString) {
  521.         var postTimeMillis = getPostTimeMillis(postTimeString);
  522.         var postTimeSummary = '';
  523.         if (postTimeMillis) {
  524.             //alert(postTimeMillis + " ~ " + Date.now());
  525.             var mins = Math.floor((Date.now() - postTimeMillis) / 60000);
  526.             if (mins < 1)
  527.                 postTimeSummary = '刚刚';
  528.             else if (mins < 60)
  529.                 postTimeSummary = mins + '分钟前';
  530.             else {
  531.                 var hours = Math.floor(mins / 60);
  532.                 if (hours < 24)
  533.                     postTimeSummary = hours + '小时前';
  534.                 else {
  535.                     var days = Math.floor(hours / 24);
  536.                     if (days < 31)
  537.                         postTimeSummary = days + '天前';
  538.                     else {
  539.                         var months = Math.floor(days / 30.436875);
  540.                         if (months < 12)
  541.                             postTimeSummary = months + '个月前';
  542.                         else {
  543.                             var years = Math.floor(months / 12);
  544.                             months -= years * 12;
  545.                             postTimeSummary = years + '年' + ((months > 0 && years < 3) ? months + '个月' : '') + '前';
  546.                         }
  547.                     }
  548.                 }
  549.             }
  550.             postTimeSummary += ' ';
  551.         }
  552.         return postTimeSummary;
  553.     };
  554.  
  555.     var gravePostWarning = function(postTimeString) {
  556.         var postTimeMillis = getPostTimeMillis(postTimeString);
  557.         return ((Date.now() - postTimeMillis) >= GRAVE_POST_WARNING_THRESHOLD_MILLIS);
  558.     };
  559.  
  560.     var style = d.createElement('style');
  561.     style.setAttribute('type','text/css');
  562.     style.innerHTML = ['div.d_floor { font-family: sans-serif; font-size: 16px; float: right; margin: 5px; color: #261CDC; }\n',
  563.                        'span.s_lzl_time_summary { color: rgb(153, 153, 153); }\n',
  564.                        'div.louzhubiaoshi { right: auto !important; left: 0px; top: 0px !important; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }\n',
  565.                        'div.louzhubiaoshi_wrap { position: static !important; }\n',
  566.                        'div.l_post { position: relative; }\n',
  567.                        'div.d_floor.grave_warning { color:white; background: red; }\n',
  568.                        'div.d_post_content_main { background-color: transparent ! important }'
  569.                       ].join('');
  570.     d.querySelector('head').appendChild(style);
  571.  
  572.     var updatePost = function(post) {
  573.         var field = null;
  574.         try {
  575.             field = JSON.parse(post.getAttribute('data-field'));
  576.         } catch (ex) { }
  577.         var floorNum = field && (field.content && (field.content.floor || field.content.post_no));
  578.         if (floorNum && !isNaN(parseFloat(floorNum)) && isFinite(floorNum)) {
  579.             var div = post.querySelector('div.d_floor') || d.createElement('div');
  580.             var dateString = field.content.date;
  581.             if (!dateString) {
  582.               var spans = post.querySelectorAll('span.j_reply_data, .post-tail-wrap > .tail-info');
  583.               var span = spans.length > 0 ? spans[spans.length - 1] : null;
  584.               dateString = span ? span.textContent : '';
  585.             }
  586.             if (gravePostWarning(dateString))
  587.                 div.className = 'd_floor grave_warning';
  588.             else
  589.                 div.className = 'd_floor';
  590.             div.textContent = getPostTimeSummary(dateString) + '#' + floorNum;
  591.             common.wrapping = true;
  592.             post.insertBefore(div, post.querySelector('*'));
  593.             common.wrapping = false;
  594.         }
  595.     };
  596.     var updateLzlPost = function(lzlpost) {
  597.         var postTimeSummary = getPostTimeSummary(lzlpost.textContent);
  598.         var span = lzlpost.parentElement.querySelector('span.s_lzl_time_summary') || d.createElement('span');
  599.         span.className = 's_lzl_time_summary';
  600.         span.textContent = postTimeSummary;
  601.         common.wrapping = true;
  602.         lzlpost.parentElement.insertBefore(span, lzlpost);
  603.         common.wrapping = false;
  604.     };
  605.     var updateFloorNumField = function() {
  606.         var posts = d.querySelectorAll(POST_SELECTOR);
  607.         var i;
  608.         for (i = 0; i < posts.length; i++)
  609.             updatePost(posts[i]);
  610.  
  611.         var lzlposts = d.querySelectorAll(LZL_POST_SELECTOR);
  612.         for (i = 0; i < lzlposts.length; i++)
  613.             updateLzlPost(lzlposts[i]);
  614.     };
  615.  
  616.     updateFloorNumField();
  617.     setInterval(updateFloorNumField, 30000);
  618.  
  619.     // update time summary when elements are dynamically inserted
  620.     var matchesSelector = common.matchesSelector;
  621.     w.addEventListener('DOMNodeInserted', function(event) {
  622.         if (common.wrapping) return;
  623.         if (matchesSelector(event.target, LZL_POST_SELECTOR)) {
  624.             updateLzlPost(event.target);
  625.         } else {
  626.             if (matchesSelector(event.target, POST_SELECTOR)) {
  627.                 updatePost(event.target);
  628.             }
  629.             if (event.target.querySelectorAll) {
  630.                 var posts = event.target.querySelectorAll(POST_SELECTOR);
  631.                 var i;
  632.                 for (i = 0; i < posts.length; i++)
  633.                     updatePost(posts[i]);
  634.  
  635.                 var lzlposts = event.target.querySelectorAll(LZL_POST_SELECTOR);
  636.                 for (i = 0; i < lzlposts.length; i++)
  637.                     updateLzlPost(lzlposts[i]);
  638.             }
  639.         }
  640.     }, false);
  641.  
  642. })();
  643.  
  644. (function() {
  645.     if (!B_SWITCH_ENABLED) return;
  646.  
  647.     var prefs = [
  648.         { name: '宽屏样式', id: 'wsenable', prefName: 'wideScreenEnabled', value: B_WIDESCREEN_ENABLED },
  649.         { name: '楼层计数', id: 'fnenable', prefName: 'floorNumEnabled', value: B_FLOORNUM_ENABLED }
  650.     ];
  651.     var elemNavRight = d.querySelector('ul.nav_right');
  652.     if (!elemNavRight) {
  653.         var navbar = document.querySelector("#tb_nav");
  654.         if (navbar) {
  655.             elemNavRight = d.createElement("ul");
  656.             elemNavRight.className = "nav_right";
  657.             navbar.appendChild(elemNavRight);
  658.         }
  659.     }
  660.     if (elemNavRight) {
  661.         prefs.forEach(function(pref) {
  662.             var strEnableDisable = pref.value ? '禁用' : '启用';
  663.             var strText = strEnableDisable + pref.name;
  664.             var liPrefItem = d.createElement('li');
  665.             var aPrefItem = d.createElement('a');
  666.             aPrefItem.setAttribute('id', pref.id);
  667.             aPrefItem.setAttribute('title', strText + '\n(' + STR_SCRIPT_NAME + ')');
  668.             aPrefItem.setAttribute('href', '#');
  669.             aPrefItem.innerHTML = strText;
  670.             aPrefItem.addEventListener('click', function() {
  671.                 btise[pref.prefName] = !pref.value;
  672.                 localStorage.btise = JSON.stringify(btise);
  673.                 w.location.reload();
  674.                 return false;
  675.             });
  676.             liPrefItem.appendChild(aPrefItem);
  677.             elemNavRight.appendChild(liPrefItem);
  678.         });
  679.     }
  680. })();
  681.  
  682. })(document, window);

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址