☰

YouTube Uploads Sorter Button

Adds a button to a YouTube channel's videos page which sorts recent uploads by views

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

  1. // ==UserScript==
  2. // @name         YouTube Uploads Sorter Button
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.12
  5. // @description  Adds a button to a YouTube channel's videos page which sorts recent uploads by views
  6. // @author       Lex
  7. // @include      /^https?:\/\/(www\.)?youtube\.com\/(channel|user)\//
  8. // @require      https://code.jquery.com/jquery-3.2.1.min.js
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function($) {
  13.     'use strict';
  14.  
  15.     function addButton() {
  16.         if ($("#sortViewButton").length == 0) {
  17.             $("<button>").attr("id", "sortViewButton").html("Sort by Views").click(sortByViews).prependTo("#sort-menu");
  18.         }
  19.     }
  20.     function getViews(e) {
  21.         try {
  22.             let viewsTitle = $(e).find("a[aria-label]").attr("aria-label");
  23.             if (viewsTitle.search(/No views$/) > -1) // video has no views yet
  24.                 return 0;
  25.             else
  26.                 return parseInt(/([\d,]+) views$/.exec(viewsTitle)[1].replace(/,/g, ""));
  27.         } catch(err) {
  28.             return 0;
  29.         }
  30.     }
  31.     function sortByViews() {
  32.         let container = $("#page-manager #primary #items:visible");
  33.         let items = container.children();
  34.         items.sort(function(a, b) {
  35.             return getViews(a) < getViews(b);
  36.         });
  37.         items.detach().appendTo(container);
  38.     }
  39.  
  40.     addButton(); // try to add the button immediately
  41.     $("#sub-menu:visible").on("DOMNodeInserted", addButton); // but also add button whenever the #sub-menu is changed
  42. })(window.jQuery);