☰

Google Search Site Switch

Adds search engines to Google's results page

  1. // ==UserScript==
  2. // @name         Google Search Site Switch
  3. // @namespace    https://github.com/yookibooki/userscripts
  4. // @description  Adds search engines to Google's results page
  5. // @version      1.0
  6. // @match        https://www.google.com/search*
  7. // @grant        GM_addStyle
  8. // @grant        GM_openInTab
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.   
  14.     if (document.readyState === 'loading') {
  15.       document.addEventListener('DOMContentLoaded', init);
  16.     } else {
  17.       init();
  18.     }
  19.  
  20.     function init() {
  21.       const input = document.querySelector('input[name="q"], textarea[name="q"]');
  22.       if (!input?.value) return;
  23.   
  24.       const query = encodeURIComponent(input.value);
  25.       const engines = [
  26.         ['Yandex', 'yandex.com', `https://yandex.com/search/?text=${query}`],
  27.         ['Bing', 'bing.com', `https://www.bing.com/search?q=${query}`],
  28.         ['DuckDuckGo', 'duckduckgo.com', `https://duckduckgo.com/?q=${query}`],
  29.         ['Perplexity', 'perplexity.ai', `https://www.perplexity.ai/search?q=${query}`],
  30.         ['Reddit', 'reddit.com', `https://www.reddit.com/search/?q=${query}`],
  31.         ['Wikipedia', 'wikipedia.org', `https://en.wikipedia.org/wiki/Special:Search?search=${query}`],
  32.         ['ChatGPT', 'chatgpt.com', `https://chatgpt.com/?q=${query}`],
  33.         ['GitHub', 'github.com', `https://github.com/search?q=${query}`]
  34.       ];
  35.  
  36.       GM_addStyle(`
  37.         .gm-search-icons {
  38.           display: flex;
  39.           align-items: center;
  40.           margin-left: 8px;
  41.           gap: 8px;
  42.         }
  43.         .gm-search-icons img {
  44.           width: 20px;
  45.           height: 20px;
  46.           transition: opacity 0.2s;
  47.         }
  48.         .gm-search-icons a:hover img {
  49.           opacity: 0.8;
  50.         }
  51.       `);
  52.  
  53.       const container = document.createElement('div');
  54.       container.className = 'gm-search-icons';
  55.  
  56.       container.innerHTML = engines.map(([name, domain, url]) =>
  57.         `<a href="${url}" title="Search on ${name}">
  58.           <img src="https://www.google.com/s2/favicons?domain=${domain}"
  59.                alt="${name}" width="20" height="20">
  60.         </a>`
  61.       ).join('');
  62.  
  63.       container.addEventListener('click', e => {
  64.         const link = e.target.closest('a');
  65.         if (link) {
  66.           e.preventDefault();
  67.           GM_openInTab(link.href, { active: true, insert: true });
  68.         }
  69.       });
  70.  
  71.       const targetSelectors = [
  72.         '#hdtb-sc > div > div > div.crJ18e',
  73.         '#appbar',
  74.         '#hdtb',
  75.         '#top_nav'
  76.       ];
  77.   
  78.       let target;
  79.       for (const selector of targetSelectors) {
  80.         target = document.querySelector(selector);
  81.         if (target) break;
  82.       }
  83.   
  84.       if (target) {
  85.         target.appendChild(container);
  86.       }
  87.     }
  88.   })();