☰

Filter, Highlight & Delete

Highlights, Lowlights, or Deletes page elements based on their text.

当前为 2019-09-03 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Filter, Highlight & Delete
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.1
  5. // @description  Highlights, Lowlights, or Deletes page elements based on their text.
  6. // @author       listfilterErick
  7. // @grant        none
  8.  
  9. // @match        *://news.google.com/*
  10. // @match        *://www.youtube.com/*
  11. // @match        *://www.reddit.com/r/*
  12.  
  13. // @require      http://code.jquery.com/jquery-1.12.4.min.js
  14. // @require      https://greasyfork.org/scripts/5392-waitforkeyelements/code/WaitForKeyElements.js?version=115012
  15.  
  16. // @licence      CC-BY-NC-SA-4.0; https://creativecommons.org/licenses/by-nc-sa/4.0/
  17. // @licence      GPL-3.0-or-later; http://www.gnu.org/licenses/gpl-3.0.txt
  18. // ==/UserScript==
  19. /*jshint esversion: 6 */
  20.  
  21. /* Last update: 09-02-2019 */
  22.  
  23. /*
  24.     Google News: Only works for the front page of google news. Need a more robust selector for other special sections.
  25.     Reddit: Only works for compact view.
  26. */
  27.  
  28. /*
  29.     Search for these markers for locations where you need to add new selectors for new sites.
  30.     markA (select the text block)
  31.     markB (select the block you want to apply css to)
  32.     markC (css of each class)
  33. */
  34.  
  35. (function () {
  36.     'use strict';
  37.  
  38.     let lfShowFilterButton = 0; // set to 1 to show a button to manually run this script.
  39.     let lfButtonTransparency = .33; // set to a value between 0 and 1, 1 is no transparency, .5 is 50% transparency.
  40.     let lfDynamicChecking = 1; // set to 1 to run the script automatically when new block elements are detected.
  41.     let lfShowConsoleMsg = 0; // set to 1 to show console messages about how the filter checked each block.
  42.     let lfPrintRuntime = 0; // set to 1 to display runtime.
  43.  
  44.     function consolelog(text) {
  45.         if (lfShowConsoleMsg) {
  46.             console.log(text);
  47.         }
  48.     }
  49.     consolelog("list filter script start.");
  50.  
  51.     if (lfPrintRuntime) {
  52.         var lfStartTime = performance.now();
  53.     }
  54.  
  55.     // ==== filter lists ====
  56.  
  57.     //strong highlight
  58.     var highlight1 = [
  59.         /apple/i,
  60.     ];
  61.     //weak highlight
  62.     var highlight2 = [
  63.         /gamestop/i,
  64.     ];
  65.     //weak lowlight
  66.     var lowlight1 = [
  67.         /goodbye/i,
  68.     ];
  69.     //strong lowlight
  70.     var lowlight2 = [
  71.         /\btv\b/i,
  72.     ];
  73.     //delete block
  74.     var delete1 = [
  75.         /throne|dany|\bgot\b/i,
  76.     ];
  77.  
  78.     let domainName = window.location.hostname; //href might be less limiting
  79.     let hrefString = window.location.href;
  80.  
  81.     // ==== function definitions ====
  82.  
  83.     // checks string against given list of regular expressions.
  84.     function checkReg(string, regList) {
  85.         for (let i = 0; i < regList.length; i++) {
  86.             if (regList[i].test(string)) {
  87.                 return true;
  88.             }
  89.         }
  90.         return false;
  91.     }
  92.  
  93.     let elementCounter = 0;
  94.  
  95.     // check attributes of a block to choose what class to add to it.
  96.     function checkBlock(index, element) {
  97.  
  98.         let titleText;
  99.  
  100.         // markA start
  101.         if (/news\.google\.com/gi.test(domainName)) {
  102.             titleText = jQuery(this).find("div>article>h3").eq(0).text().trim();
  103.         } else if (/www\.youtube\.com/gi.test(domainName)) {
  104.             titleText = jQuery(this).find("span#video-title").text().trim();
  105.         } else if (/www\.reddit\.com/gi.test(domainName)) {
  106.             titleText = jQuery(this).find("span>a>h2").text().trim();
  107.         }
  108.         // markA end
  109.  
  110.         // class list identifies what was checked in past iterations
  111.         let classList = "";
  112.         if (jQuery(this).attr("class")) {
  113.             classList = jQuery(this).attr("class");
  114.             //consolelog(classList);
  115.         }
  116.  
  117.         if (titleText && (!classList || !/\blf-/.test(classList))) {
  118.             //if ( titleText ) {
  119.             elementCounter++;
  120.             var matchCode = "n1";
  121.  
  122.             // delete and lowlight lists are checked before highlight lists
  123.             if (checkReg(titleText, delete1)) {
  124.                 matchCode = "d1";
  125.                 jQuery(this).remove();
  126.             } else if (checkReg(titleText, lowlight2)) {
  127.                 matchCode = "l2";
  128.                 jQuery(this).addClass("lf-lowlight2");
  129.             } else if (checkReg(titleText, lowlight1)) {
  130.                 matchCode = "l1";
  131.                 jQuery(this).addClass("lf-lowlight1");
  132.             } else if (checkReg(titleText, highlight1)) {
  133.                 matchCode = "h1";
  134.                 jQuery(this).addClass("lf-highlight1");
  135.             } else if (checkReg(titleText, highlight2)) {
  136.                 matchCode = "h2";
  137.                 jQuery(this).addClass("lf-highlight2");
  138.             } else {
  139.                 jQuery(this).addClass("lf-checked");
  140.             }
  141.  
  142.             // prints to console the outcome of what the block matched.
  143.             //if (1) {
  144.             if (lfShowConsoleMsg && /d|l/gi.test(matchCode)) {
  145.                 var printMsg = elementCounter;
  146.                 printMsg += " " + matchCode;
  147.                 printMsg += ": " + titleText;
  148.                 consolelog(printMsg);
  149.             }
  150.             //console.log(elementCounter +" "+ matchCode +": "+ titleText +"("+ vidLength +")");
  151.         }
  152.  
  153.     } // end function checkBlock()
  154.  
  155.     // ==== adds reset button for highlight/lowlight and runs initial execution. ====
  156.  
  157.     // markB start
  158.     let blockSelector = "article";
  159.     if (/news\.google\.com/gi.test(domainName)) {
  160.         blockSelector = "main>c-wiz>div>div";
  161.         checkBlocks();
  162.     } else if (/www\.youtube\.com/gi.test(domainName)) {
  163.         blockSelector = "ytd-compact-video-renderer";
  164.         checkBlocks();
  165.     } else if (/www\.reddit\.com/gi.test(domainName)) {
  166.         blockSelector = ".scrollerItem>div>div:nth-child(2)";
  167.         checkBlocks();
  168.     }
  169.     // markB end
  170.  
  171.     function checkBlocks() {
  172.         jQuery(blockSelector).each(checkBlock);
  173.         consolelog("end checkBlocks().");
  174.     }
  175.  
  176.     jQuery("#lf-reset").click(function () {
  177.         consolelog("highlight/lowlight reset began.");
  178.         elementCounter = 0;
  179.         checkBlocks();
  180.         consolelog("highlight/lowlight reset finished.");
  181.     });
  182.  
  183.     if (lfDynamicChecking) {
  184.         waitForKeyElements(blockSelector, checkBlocks);
  185.     } else {
  186.         checkBlocks();
  187.     }
  188.  
  189.     if (lfShowFilterButton) {
  190.         if (!jQuery("#wt-buttons").length) {
  191.             consolelog("created #wt-buttons.");
  192.             jQuery("body").prepend('<div id="wt-buttons"><div id="lf-reset">H/L</div><div id="wt-close">&times;</div></div>');
  193.             jQuery("#wt-close").click(function () { jQuery("#wt-buttons").remove(); });
  194.  
  195.             const webToolsCss =
  196.                 `<style type="text/css">
  197.     #wt-buttons {
  198.         width: 40px;
  199.         display: block !important;
  200.         position: fixed;
  201.         top: 0px;
  202.         right: 0px;
  203.         z-index: 9000;
  204.         opacity: `+ lfButtonTransparency + `;
  205.     }
  206.     #wt-buttons:hover {
  207.         opacity: 1;
  208.     }
  209.     #wt-buttons div {
  210.         display: block !important;
  211.         padding: 5px;
  212.         border-radius: 5px;
  213.         margin-top: 2px;
  214.         font-size: initial !important;
  215.         font-weight: bold;
  216.         color: white;
  217.         cursor: pointer;
  218.     }
  219.     #wt-close {
  220.         background: #777777;
  221.         text-align: center;
  222.     }
  223. </style>`;
  224.             jQuery(document.body).append(webToolsCss);
  225.         } else {
  226.             jQuery("#wt-buttons").prepend('<div id="lf-reset">H/L</div>');
  227.         }
  228.         const listFilterCss =
  229.             `<style>
  230.     #lf-reset {
  231.         background: #177e14;
  232.     }
  233. </style>`;
  234.         jQuery(document.body).append(listFilterCss);
  235.     }
  236.  
  237.     // markC start
  238.     const googleFilterCss =
  239.         `<style>
  240.     main>c-wiz>div>div.lf-highlight1 {
  241.         background: #baffc9;/*green*/
  242.     }
  243.     main>c-wiz>div>div.lf-highlight2 {
  244.         background: #ffffba;/*yellow*/
  245.     }
  246.     main>c-wiz>div>div.lf-lowlight1 {
  247.         background: #ffdfba;/*orange*/
  248.         opacity: .3;
  249.     }
  250.     main>c-wiz>div>div.lf-lowlight2 {
  251.         background: #ffccca;/*red*/
  252.         opacity: .5;
  253.     }
  254.     </style>`;
  255.     const youtubeFilterCss =
  256.         `<style>
  257.     ytd-compact-video-renderer.lf-highlight1 {
  258.         background: #baffc9;/*green*/
  259.     }
  260.     ytd-compact-video-renderer.lf-highlight2 {
  261.         background: #ffffba;/*yellow*/
  262.     }
  263.     ytd-compact-video-renderer.lf-lowlight1 {
  264.         background: #ffdfba;/*orange*/
  265.         opacity: .3;
  266.     }
  267.     ytd-compact-video-renderer.lf-lowlight2 {
  268.         background: #ffccca;/*red*/
  269.         opacity: .5;
  270.     }
  271.     </style>`;
  272.     const redditFilterCss =
  273.         `<style>
  274.     .scrollerItem>div>div:nth-child(2).lf-highlight1 {
  275.         background: #baffc9;/*green*/
  276.     }
  277.     .scrollerItem>div>div:nth-child(2).lf-highlight2 {
  278.         background: #ffffba;/*yellow*/
  279.     }
  280.     .scrollerItem>div>div:nth-child(2).lf-lowlight1 {
  281.         background: #ffdfba;/*orange*/
  282.         opacity: .3;
  283.     }
  284.     .scrollerItem>div>div:nth-child(2).lf-lowlight2 {
  285.         background: #ffccca;/*red*/
  286.         opacity: .5;
  287.     }
  288.     </style>`;
  289.  
  290.     if (/news\.google\.com/gi.test(domainName)) {
  291.         jQuery(document.body).append(googleFilterCss);
  292.     } else if (/www\.youtube\.com/gi.test(domainName)) {
  293.         jQuery(document.body).append(youtubeFilterCss);
  294.     } else if (/www\.reddit\.com/gi.test(domainName)) {
  295.         jQuery(document.body).append(redditFilterCss);
  296.     }
  297.     // markC end
  298.  
  299.     if (lfPrintRuntime) {
  300.         let lfEndTime = performance.now();
  301.         console.log('(LF) finished after ' + ((lfEndTime - lfStartTime) / 1000).toFixed(2) + ' seconds.');
  302.     }
  303.  
  304.     consolelog("list filter script finished.");
  305. })();