☰

Twitter Advanced Search Button Twitter 高级搜索按钮

Adds an Advanced Search button next to Twitter's search box. Makes it easier to access Twitter's powerful advanced search features.

目前为 2024-12-05 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Twitter Advanced Search Button  Twitter 高级搜索按钮
  3. // @name:zh-CN   Twitter高级搜索按钮
  4. // @name:ja      Twitter高度な検索ボタン
  5. // @namespace    http://tampermonkey.net/
  6. // @version      0.2
  7. // @description  Adds an Advanced Search button next to Twitter's search box. Makes it easier to access Twitter's powerful advanced search features.
  8. // @description:zh-CN  在Twitter搜索框旁边添加高级搜索按钮，方便快速访问Twitter强大的高级搜索功能。
  9. // @description:ja     Twitterの検索ボックスの横に高度な検索ボタンを追加し、Twitterの強力な検索機能に素早くアクセスできます。
  10. // @author       Your name
  11. // @match        https://x.com/*
  12. // @match        https://twitter.com/*
  13. // @grant        none
  14. // @license MIT
  15. // ==/UserScript==
  16.  
  17. (function() {
  18.     'use strict';
  19.  
  20.     // Language settings
  21.     const LANGUAGES = {
  22.         'zh-CN': '高级搜索',
  23.         'ja': '高度な検索',
  24.         'en': 'Search Advanced'
  25.     };
  26.  
  27.     // Get user's browser language
  28.     function getUserLanguage() {
  29.         const lang = navigator.language || navigator.userLanguage;
  30.         const shortLang = lang.split('-')[0];
  31.         
  32.         // Check for exact match first
  33.         if (LANGUAGES[lang]) {
  34.             return LANGUAGES[lang];
  35.         }
  36.         // Then check for language without region
  37.         if (LANGUAGES[shortLang]) {
  38.             return LANGUAGES[shortLang];
  39.         }
  40.         // Default to English
  41.         return LANGUAGES['en'];
  42.     }
  43.  
  44.     // Function to add the advanced search button
  45.     function addAdvancedSearchButton() {
  46.         // Find the search box container
  47.         const searchBox = document.querySelector("#react-root > div > div > div.css-175oi2r.r-1f2l425.r-13qz1uu.r-417010.r-18u37iz > main > div > div > div > div > div > div.css-175oi2r.r-aqfbo4.r-gtdqiz.r-1gn8etr.r-1g40b8q > div.css-175oi2r.r-1e5uvyk.r-6026j > div.css-175oi2r.r-136ojw6 > div > div > div > div > div.css-175oi2r.r-1pz39u2.r-1777fci.r-15ysp7h.r-obd0qt.r-s8bhmr");
  48.         
  49.         if (searchBox && !document.getElementById('advanced-search-btn')) {
  50.             // Create the button
  51.             const button = document.createElement('button');
  52.             button.id = 'advanced-search-btn';
  53.             button.textContent = getUserLanguage();
  54.             button.style.cssText = `
  55.                 margin-left: 12px;
  56.                 padding: 0 16px;
  57.                 height: 32px;
  58.                 min-height: 32px;
  59.                 border-radius: 16px;
  60.                 background-color: rgb(15, 20, 25);
  61.                 color: rgb(255, 255, 255);
  62.                 border: 1px solid rgb(15, 20, 25);
  63.                 font-weight: 700;
  64.                 cursor: pointer;
  65.                 font-size: 14px;
  66.                 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  67.                 transition-property: background-color, box-shadow;
  68.                 transition-duration: 0.2s;
  69.                 line-height: 32px;
  70.                 display: inline-flex;
  71.                 align-items: center;
  72.                 justify-content: center;
  73.                 user-select: none;
  74.                 white-space: nowrap;
  75.             `;
  76.  
  77.             // Add hover effect
  78.             button.onmouseover = function() {
  79.                 this.style.backgroundColor = 'rgb(39, 44, 48)';
  80.             };
  81.             button.onmouseout = function() {
  82.                 this.style.backgroundColor = 'rgb(15, 20, 25)';
  83.             };
  84.  
  85.             // Add click event
  86.             button.addEventListener('click', function() {
  87.                 window.location.href = 'https://x.com/search-advanced';
  88.             });
  89.  
  90.             // Insert the button after the search box
  91.             searchBox.parentNode.insertBefore(button, searchBox.nextSibling);
  92.             return true;
  93.         }
  94.         return false;
  95.     }
  96.  
  97.     // Function to check if we should add the button
  98.     function shouldAddButton() {
  99.         const url = window.location.href;
  100.         return url.includes('/explore') || url.includes('/search-advanced');
  101.     }
  102.  
  103.     // Function to continuously check for the search box
  104.     function startChecking() {
  105.         if (shouldAddButton()) {
  106.             // Initial check
  107.             if (!addAdvancedSearchButton()) {
  108.                 // If not found, set up periodic checking
  109.                 const checkInterval = setInterval(() => {
  110.                     if (addAdvancedSearchButton() || !shouldAddButton()) {
  111.                         clearInterval(checkInterval);
  112.                     }
  113.                 }, 1000);
  114.             }
  115.         }
  116.     }
  117.  
  118.     // Start checking when script loads
  119.     startChecking();
  120.  
  121.     // Create a MutationObserver to watch for DOM changes
  122.     const observer = new MutationObserver((mutations) => {
  123.         if (shouldAddButton() && !document.getElementById('advanced-search-btn')) {
  124.             startChecking();
  125.         }
  126.     });
  127.  
  128.     // Start observing the document with the configured parameters
  129.     observer.observe(document.body, {
  130.         childList: true,
  131.         subtree: true,
  132.         attributes: true,
  133.         characterData: true
  134.     });
  135.  
  136.     // Also check when history events occur (back/forward navigation)
  137.     window.addEventListener('popstate', function() {
  138.         if (shouldAddButton()) {
  139.             startChecking();
  140.         }
  141.     });
  142.  
  143.     // Check when the page visibility changes (tab switching)
  144.     document.addEventListener('visibilitychange', function() {
  145.         if (!document.hidden && shouldAddButton()) {
  146.             startChecking();
  147.         }
  148.     });
  149.  
  150.     // Handle URL changes
  151.     let lastUrl = location.href;
  152.     new MutationObserver(() => {
  153.         const url = location.href;
  154.         if (url !== lastUrl) {
  155.             lastUrl = url;
  156.             if (shouldAddButton()) {
  157.                 startChecking();
  158.             }
  159.         }
  160.     }).observe(document, {subtree: true, childList: true});
  161. })();