☰

即刻web动态按点赞排序jike_post_sort_by_likes

对即刻web用户主页的动态进行点赞数降序排序，包括优化的自动加载

  1. // ==UserScript==
  2. // @name         即刻web动态按点赞排序jike_post_sort_by_likes
  3. // @name:zh-CN   即刻web动态按点赞排序
  4. // @name:en      Jike Posts Sort by Likes
  5. // @name:es      Ordenar publicaciones de Jike por Me gusta
  6. // @name:ja      JIKEの投稿をいいね順に並べ替え
  7. // @name:ko      JIKE 게시물 좋아요순 정렬
  8. // @name:ru      Сортировка постов Jike по лайкам
  9. // @name:pt-BR   Classificar posts do Jike por curtidas
  10. // @name:ar      ترتيب منشورات Jike حسب الإعجابات
  11. // @namespace    http://tampermonkey.net/
  12. // @version      1.4
  13. // @description  对即刻web用户主页的动态进行点赞数降序排序，包括优化的自动加载
  14. // @description:zh-CN  对即刻web用户主页的动态进行点赞数降序排序，包括优化的自动加载
  15. // @description:en  Sort posts on Jike user profile by number of likes in descending order, with optimized auto-loading
  16. // @description:es  Ordena las publicaciones en el perfil de usuario de Jike por número de Me gusta en orden descendente, con carga automática optimizada
  17. // @description:ja  JIKEユーザープロフィールの投稿をいいね数で降順ソート、自動読み込み機能付き
  18. // @description:ko  JIKE 사용자 프로필의 게시물을 좋아요 수에 따라 내림차순으로 정렬하며 자동 로딩 최적화 포함
  19. // @description:ru  Сортировка постов в профиле пользователя Jike по количеству лайков в порядке убывания с оптимизированной автозагрузкой
  20. // @description:pt-BR  Classifica as postagens no perfil do usuário Jike por número de curtidas em ordem decrescente, com carregamento automático otimizado
  21. // @description:ar  ترتيب المنشورات في الملف الشخصي لمستخدم Jike حسب عدد الإعجابات بترتيب تنازلي، مع تحميل تلقائي محسّن
  22. // @match        https://web.okjike.com/u/*
  23. // @grant        none
  24. // ==/UserScript==
  25.  
  26. (function() {
  27.     'use strict';
  28.  
  29.     let originalContent;
  30.     let sortedContent;
  31.  
  32.     // 添加排序按钮
  33.     function addSortButton() {
  34.         const tabList = document.querySelector('.react-tabs__tab-list');
  35.         if (tabList && !document.getElementById('sort-button')) {
  36.             const sortButton = document.createElement('li');
  37.             sortButton.id = 'sort-button';
  38.             sortButton.textContent = '按点赞数';
  39.             sortButton.className = 'react-tabs__tab';
  40.             sortButton.role = 'tab';
  41.             sortButton.setAttribute('aria-selected', 'false');
  42.             sortButton.setAttribute('aria-disabled', 'false');
  43.             sortButton.setAttribute('tabindex', '-1');
  44.             sortButton.style.cursor = 'pointer';
  45.             sortButton.addEventListener('click', loadAllAndSort);
  46.  
  47.             tabList.appendChild(sortButton);
  48.             return true; // 成功添加按钮，返回 true
  49.         }
  50.         return false; // 未找到目标元素，返回 false
  51.     }
  52.  
  53.     // 禁用媒体加载
  54.     function disableMediaLoading() {
  55.         const style = document.createElement('style');
  56.         style.textContent = `
  57.             img, video, iframe { display: none !important; }
  58.             [style*="background-image"] { background-image: none !important; }
  59.         `;
  60.         document.head.appendChild(style);
  61.         return style;
  62.     }
  63.  
  64.     // 恢复媒体加载
  65.     function enableMediaLoading(style) {
  66.         style.remove();
  67.     }
  68.  
  69.     // 优化的自动下拉加载所有帖子
  70.     function loadAllPosts() {
  71.         return new Promise((resolve) => {
  72.             const postContainer = document.querySelector('#react-tabs-1');
  73.             let lastPostCount = 0;
  74.             let noChangeCount = 0;
  75.             const maxScrollAttempts = 30; // 最大滚动尝试次数
  76.             let scrollAttempts = 0;
  77.  
  78.             function scroll() {
  79.                 if (scrollAttempts >= maxScrollAttempts) {
  80.                     console.log('达到最大滚动次数，停止加载');
  81.                     resolve();
  82.                     return;
  83.                 }
  84.  
  85.                 window.scrollTo(0, document.body.scrollHeight);
  86.                 setTimeout(() => {
  87.                     const currentPostCount = postContainer.querySelectorAll('article').length;
  88.                     console.log(`当前帖子数: ${currentPostCount}, 滚动次数: ${scrollAttempts + 1}/${maxScrollAttempts}`);
  89.  
  90.                     if (currentPostCount === lastPostCount) {
  91.                         noChangeCount++;
  92.                         if (noChangeCount >= 2) {
  93.                             console.log('连续2次没有新内容加载，认为已加载完毕');
  94.                             resolve();
  95.                             return;
  96.                         }
  97.                     } else {
  98.                         noChangeCount = 0;
  99.                         lastPostCount = currentPostCount;
  100.                     }
  101.                     scrollAttempts++;
  102.                     scroll();
  103.                 }, 1000); // 固定延迟1秒
  104.             }
  105.  
  106.             scroll();
  107.         });
  108.     }
  109.  
  110.     // 获取并排序动态
  111.     function sortPosts() {
  112.         const postContainer = document.querySelector('#react-tabs-1');
  113.         if (!postContainer) return;
  114.  
  115.         const postList = postContainer.querySelectorAll('div > div > div > div > div > article');
  116.         console.log(`开始排序，共有 ${postList.length} 篇帖子`);
  117.  
  118.         let totalLikes = 0;
  119.         const sortedPosts = Array.from(postList).sort((a, b) => {
  120.             const likeCountA = parseInt(a.querySelector("div.flex.flex-col.flex-auto.w-full.animate-show.min-w-0 > div.flex.flex-col.items-stretch > div.flex.flex-row.mt-\\[13px\\].text-tint-icon-gray.text-body-3.font-medium.h-6 > div:nth-child(1) > span")?.textContent) || 0;
  121.             const likeCountB = parseInt(b.querySelector("div.flex.flex-col.flex-auto.w-full.animate-show.min-w-0 > div.flex.flex-col.items-stretch > div.flex.flex-row.mt-\\[13px\\].text-tint-icon-gray.text-body-3.font-medium.h-6 > div:nth-child(1) > span")?.textContent) || 0;
  122.             totalLikes += likeCountA;
  123.             return likeCountB - likeCountA;
  124.         });
  125.  
  126.         // 创建一个新的容器来存放排序后的帖子
  127.         sortedContent = document.createElement('div');
  128.         sortedPosts.forEach(post => {
  129.             // 直接使用原始节点而不是克隆节点
  130.             sortedContent.appendChild(post);
  131.         });
  132.  
  133.         updateStats(postList.length, totalLikes);
  134.         console.log('排序完成');
  135.     }
  136.  
  137.     // 修改 updateStats 函数
  138.     function updateStats(postCount, likeCount) {
  139.         const statsContainer = document.querySelector("#__next > div > div > div.sc-bdvvtL.sc-gsDKAQ.Normal___StyledFlex-sc-1jlm27z-0.dQqjSa.hIxhWw.cHlYvS > div > div > div.flex.flex-col.bg-bg-body-1.overflow-hidden.relative > div.text-tint-primary.flex.flex-row.justify-between.items-start.px-2.pt-4.sm\\:px-4.sm\\:pt-4.md\\:px-\\[25px\\].md\\:pt-4.z-10 > div.flex.flex-col.relative.space-y-\\[13px\\] > div.flex.space-x-2");
  140.  
  141.         if (statsContainer) {
  142.             let statsElement = document.getElementById('stats-element-top');
  143.             if (!statsElement) {
  144.                 statsElement = document.createElement('div');
  145.                 statsElement.id = 'stats-element-top';
  146.                 statsElement.className = 'flex-shrink-0 rounded-full h-6 text-web-body-4 text-tint-primary bg-bg-on-body-2 flex items-center justify-center py-1 px-2 bg-bg-on-body-2 text-tint-primary';
  147.                 statsElement.style.backgroundColor = 'var(--bg-on-body-2)';
  148.                 statsContainer.appendChild(statsElement);
  149.             }
  150.             statsElement.textContent = `${postCount}贴/ ${likeCount}赞`;
  151.         }
  152.  
  153.     }
  154.  
  155.     // 加载所有帖子并排序
  156.     async function loadAllAndSort() {
  157.         const button = document.getElementById('sort-button');
  158.         button.setAttribute('aria-selected', 'true');
  159.         button.setAttribute('aria-disabled', 'true');
  160.         button.textContent = '正在加载...';
  161.  
  162.         // 禁用媒体加载
  163.         const style = disableMediaLoading();
  164.  
  165.         console.log('开始加载所有帖子');
  166.         await loadAllPosts();
  167.         console.log('所有帖子加载完成，开始排序');
  168.         sortPosts();
  169.  
  170.         // 直接替换原始内容
  171.         const currentContainer = document.querySelector('#react-tabs-1');
  172.         currentContainer.innerHTML = '';
  173.         currentContainer.appendChild(sortedContent);
  174.  
  175.         button.setAttribute('aria-disabled', 'false');
  176.         button.textContent = '按点赞数';
  177.         window.scrollTo(0, 0); // 滚动回顶部
  178.  
  179.         // 恢复媒体加载
  180.         enableMediaLoading(style);
  181.         console.log('媒体加载已恢复');
  182.     }
  183.  
  184.     // 监听页面变化
  185.     function observePageChanges() {
  186.         const observer = new MutationObserver((mutations) => {
  187.             for (let mutation of mutations) {
  188.                 if (mutation.type === 'childList') {
  189.                     addSortButton();
  190.                 }
  191.             }
  192.         });
  193.  
  194.         observer.observe(document.body, { childList: true, subtree: true });
  195.     }
  196.  
  197.     // 添加返回顶部按钮
  198.     function addBackToTopButton() {
  199.         const backToTopButton = document.createElement('button');
  200.         backToTopButton.id = 'back-to-top-button';
  201.         backToTopButton.textContent = '返回顶部';
  202.         backToTopButton.style.position = 'fixed';
  203.         backToTopButton.style.bottom = '50px';
  204.         backToTopButton.style.right = '30px';
  205.         backToTopButton.style.zIndex = '1000';
  206.         backToTopButton.style.padding = '10px';
  207.         backToTopButton.style.borderRadius = '8px';
  208.         backToTopButton.style.backgroundColor = '#D3D3D3';
  209.         backToTopButton.style.color = '#fff';
  210.         backToTopButton.style.border = 'none';
  211.         backToTopButton.style.cursor = 'pointer';
  212.         backToTopButton.style.display = 'block'; // 默认展示按钮
  213.  
  214.         // 点击事件，滚动到顶部
  215.         backToTopButton.addEventListener('click', () => {
  216.             window.scrollTo({ top: 0, behavior: 'smooth' });
  217.         });
  218.  
  219.         document.body.appendChild(backToTopButton);
  220.     }
  221.  
  222.     // 初始化
  223.     function init() {
  224.         addSortButton();
  225.  
  226.         observePageChanges();
  227.  
  228.         // 添加返回顶部按钮
  229.         addBackToTopButton();
  230.  
  231.         console.log('即刻动态点赞数排序脚本已初始化');
  232.     }
  233.  
  234.     // 页面加载完成后执行初始化
  235.     window.addEventListener('load', init);
  236. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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