☰

Facebook YOUR Notifications Highlighter

Highlights more interesting notifications for YOU.

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

  1. // ==UserScript==
  2. // @name         Facebook YOUR Notifications Highlighter
  3. // @namespace    http://www.JamesKoss.com/
  4. // @version      1.0
  5. // @description  Highlights more interesting notifications for YOU.
  6. // @author       James Koss
  7. // @match        https://www.facebook.com/*
  8. // ==/UserScript==
  9.  
  10. (function() {
  11.     'use strict';
  12.     
  13.     var first = true;
  14.     var timed = false;
  15.     var opened = false;
  16.     var scrolled = false;
  17.     
  18.     function onScrollNots() {
  19.         if (scrolled === false) {
  20.             scrolled = true;
  21.             
  22.             setTimeout(function() { updateNotifications(); }, 1000);
  23.             setTimeout(function() { scrolled = false; }, 3000);
  24.         }
  25.     }
  26.     
  27.     function updateNotifications() {
  28.         if (timed === false) {
  29.             setTimeout(function(){ timed = true; updateNotifications(); }, 1000);
  30.             return;
  31.         }
  32.         
  33.         if (opened === true && scrolled === false) {
  34.             opened = false;
  35.             return;
  36.         }
  37.         opened = true;
  38.         
  39.         if (first === true) {
  40.             var scrolledArea = document.querySelector('div[class="uiScrollableAreaWrap scrollable"]');
  41.             scrolledArea.addEventListener("scroll", onScrollNots);
  42.         }
  43.         
  44.         var notificationsHolder = document.querySelector('div[class="_33p"]');
  45.         var notificationsNew = notificationsHolder.querySelectorAll('li[class="_33c jewelItemNew"]');
  46.  
  47.         for (var i = 0; i < notificationsNew.length; i++) {
  48.             var current = notificationsNew[i];
  49.  
  50.             var notificationParent = current.querySelector('div[class="_4l_v"]');
  51.             var notificationYour = notificationParent.querySelectorAll('span');
  52.             
  53.             var match = false;
  54.             for (var j=0; j < notificationYour.length; j++) {
  55.                 var cur = notificationYour[j];
  56.                 var t = cur.textContent;
  57.                 
  58.                 if (t.indexOf("replied to your") !== -1 ||
  59.                     t.indexOf("commented on your") !== -1 ||
  60.                     t.indexOf("shared your") !== -1) {
  61.                     match = true;
  62.                     break;
  63.                 }
  64.             }
  65.             
  66.             if (match === false) {
  67.                 continue;
  68.             }
  69.             
  70.             var a = current.querySelector('a[class="_33e _1_0e"]');
  71.             a.style.backgroundColor = "#d0dff6";
  72.             current.style.backgroundColor = "#d0dff6";
  73.         }
  74.         
  75.         timed = false;
  76.         first = false;
  77.     }
  78.     
  79.     function onclickJewel(e) {
  80.         if (e.which === 1) {
  81.             updateNotifications();
  82.         }
  83.     }
  84.     
  85.     var fbNotificationsJewel = document.getElementById("fbNotificationsJewel");
  86.     fbNotificationsJewel.addEventListener("click", onclickJewel);
  87. })();