☰

一键切换搜索

在常用的搜索引擎页面中添加互相切换的按钮。

目前为 2020-06-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name                Search Switcher
  3. // @name:zh-CN          一键切换搜索
  4. // @name:zh-TW          壹鍵切換搜索
  5. // @description         Add links to each other in search engines. Including multiple search modes.
  6. // @description:zh-CN   在常用的搜索引擎页面中添加互相切换的按钮。
  7. // @description:zh-TW   在常用的搜索引擎頁面中添加互相切換的按鈕。
  8.  
  9. // @author              XanderWang
  10. // @icon                https://i.loli.net/2020/05/29/DxSmHAy2o53FdUY.png
  11. // @license             GPL-3.0
  12. // @include             www.baidu.com/*
  13. // @include             *.so.com/*
  14. // @include             *.bing.com/*
  15. // @include             *.zhihu.com/search?*
  16. // @include             *.soku.com/*
  17. // @include             *.sogou.com/*
  18. // @include             /^https?://[a-z]+\.google\.[a-z,\.]+/.+$/
  19. // @grant               none
  20. // @run-at              document_end
  21.  
  22. // @date                05/29/2020
  23. // @modified            05/29/2020
  24. // @version             1.0.2
  25. // @namespace http://xander/wang
  26. // ==/UserScript==
  27.  
  28. {
  29.   const sites = [
  30.     {
  31.       name: '百度',
  32.       host: 'baidu.com',
  33.       link: 'https://www.baidu.com/s',
  34.       key: 'wd',
  35.       hide: false
  36.     },
  37.     {
  38.       name: '必应',
  39.       host: 'bing.com',
  40.       link: 'https://bing.com/search',
  41.       key: 'q',
  42.       hide: false
  43.     },
  44.     {
  45.       name: '谷歌',
  46.       host: 'google.com',
  47.       link: 'https://www.google.com/search',
  48.       key: 'q',
  49.       hide: false
  50.     },
  51.     {
  52.       name: '谷歌镜像',
  53.       host: 'google.fuckcloudnative.io',
  54.       link: 'https://google.fuckcloudnative.io/search',
  55.       key: 'q',
  56.       hide: true
  57.     },
  58.     {
  59.       name: '搜搜',
  60.       host: 'so.com',
  61.       link: 'https://www.so.com/s',
  62.       key: 'q',
  63.       hide: false
  64.     },
  65.     {
  66.       name: '搜狗',
  67.       host: 'sogou.com',
  68.       link: 'https://www.sogou.com/web',
  69.       key: 'query',
  70.       hide: false
  71.     }
  72.   ];
  73.  
  74.   const css = `
  75.     .search-warpper {
  76.       position: fixed;
  77.       left: 0;
  78.       top: 0;
  79.     }
  80.  
  81.     .search-switcher {
  82.       position: fixed;
  83.       opacity: 0.2;
  84.       top: 80px;
  85.       right: calc(100% - 10px);
  86.       z-index: 9999999;
  87.       transition: all 400ms;
  88.     }
  89.  
  90.     .search-switcher:hover {
  91.       top: 80px;
  92.       left: 0px;
  93.       right:auto;
  94.       opacity: 1;
  95.       border-radius: 0 20px;
  96.     }
  97.     
  98.     .search-switcher .search-list {
  99.       display: flex;
  100.       flex-direction: column;
  101.       align-items: center;
  102.       justify-content: center;
  103.       box-sizing:border-box;
  104.       background-color: #000;
  105.       border-radius: 0px 10px 10px 0px;
  106.       color: #fff;
  107.       padding: 10px;
  108.       box-shadow: 5px 5px 5px #777;
  109.     }
  110.  
  111.     .search-switcher .search-list a {
  112.       color: #0cf;
  113.       height: 25px;
  114.       line-height: 25px;
  115.     }
  116.  
  117.     .search-switcher .search-list a.mirror {
  118.       font-weight: bold;
  119.     }
  120.     `;
  121.  
  122.   function setup() {
  123.     console.log('location:', location);
  124.     let site;
  125.     let isMirror;
  126.     for (let s of sites) {
  127.       if (location.host.includes(s.host)) {
  128.         site = s;
  129.       }
  130.     }
  131.     let siteList = sites.filter(({ host , hide}) => !location.hostname.includes(host) && !hide );
  132.     console.log('siteList:', siteList);
  133.     
  134.     let query = new URLSearchParams(location.search).get(site.key || 'q');
  135.     console.log('site:', site, ',query:', query);
  136.     if( query == null ) {
  137.       return   
  138.     }
  139.     
  140.     const body = document.getElementsByTagName('body')[0];
  141.  
  142.     // 样式
  143.     const style = document.createElement('style');
  144.     style.innerHTML = css;
  145.     body.appendChild(style);
  146.  
  147.     // 生成切换框
  148.     const content = document.createElement('div');
  149.     const aTag = ({ link, name, host, mirror, key }) => {
  150.       let className = '';
  151.       let text = name;
  152.       let href = `${link}?${key}=${query}`;
  153.       console.log('href:', href);
  154.       return `<a href='${href}' target='_blank' >${text}</a>`;
  155.     };
  156.     const tags = siteList
  157.       .filter(({ hidden }) => !hidden)
  158.       .map(aTag)
  159.       .join('');
  160.  
  161.     content.innerHTML = `
  162.     <div id='search-switcher' class='search-switcher'>
  163.       <div id='search-list' class="search-list">${tags}</div>
  164.     </div>`;
  165.     body.appendChild(content);
  166.     
  167.     const searchDiv = document.getElementById('search-switcher')[0];
  168.     console.log('searchDiv:', searchDiv.clientHeight);
  169.     console.log('body:', body.clientHeight);
  170.   }
  171.  
  172.   let href0 = '';
  173.  
  174.   !(function init() {
  175.     var href = location.href;
  176.     if (href0 != href) {
  177.       var oldDOM = document.getElementById('search-switcher');
  178.       if (oldDOM) {
  179.         oldDOM.parentNode.removeChild(oldDOM);
  180.       }
  181.       setup();
  182.       href0 = href;
  183.     }
  184.     setTimeout(init, 2222);
  185.   })();
  186. }
  187. //end userScript