// ==UserScript== // @name 🔍 聚合快搜 // @namespace https://ez118.github.io/ // @version 0.4.3 // @description 为Via设计的第三方聚合搜索栏 // @author ZZY_WISU // @match *://*/* // @license GPLv3 // @icon data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxjaXJjbGUgY3g9IjY0IiBjeT0iNjQiIHI9IjY0IiBzdHlsZT0iZmlsbDojZjJmN2ZmIi8+PGNpcmNsZSBjeD0iMzUiIGN5PSI2MCIgcj0iMjAiIHN0eWxlPSJmaWxsOiMwMGE1ZjYiLz48Y2lyY2xlIGN4PSI2MCIgY3k9Ijc5IiByPSIyNSIgc3R5bGU9ImZpbGw6I2ZmM2UwMCIvPjxjaXJjbGUgY3g9Ijg4LjQiIGN5PSI1MCIgcj0iMzAuMiIgc3R5bGU9ImZpbGw6I2ZmYjcwMCIvPjwvc3ZnPg== // @run-at document-start // @grant GM_registerMenuCommand // @grant GM_addStyle // @grant GM_setValue // @grant GM_getValue // @grant GM_addElement // @grant window.onurlchange // @require https://unpkg.com/jquery@3.7.1/dist/jquery.min.js // ==/UserScript== /* =====[ 用户自定义 ]===== */ var searchEngine = [ { "id":"google", "name":"Google", "link":"https://www.google.com/search?q=%s" }, { "id":"bing", "name":"Bing", "link":"https://www.bing.com/search?q=%s" }, { "id":"cnbing", "name":"必应", "link":"https://cn.bing.com/search?q=%s" }, { "id":"duckduckgo", "name":"DuckDuckGo", "link":"https://duckduckgo.com/?t=h_&q=%s" }, { "id":"github", "name":"Github", "link":"https://github.com/search?q=%s&type=repositories" }, { "id":"fdroid", "name":"F-Droid", "link":"https://search.f-droid.org/?q=%s&lang=zh_Hans" }, { "id":"baidu", "name":"百度", "link":"https://www.baidu.com/s?wd=%s" } ]; /* =====[ 变量存储 ]===== */ const ICONS = { 'settings': '<svg viewBox="0 0 24 24" width="20px" height="20px"><path d="m19.44 12.99-.01.02c.04-.33.08-.67.08-1.01 0-.34-.03-.66-.07-.99l.01.02 2.44-1.92-2.43-4.22-2.87 1.16.01.01c-.52-.4-1.09-.74-1.71-1h.01L14.44 2H9.57l-.44 3.07h.01c-.62.26-1.19.6-1.71 1l.01-.01-2.88-1.17-2.44 4.22 2.44 1.92.01-.02c-.04.33-.07.65-.07.99 0 .34.03.68.08 1.01l-.01-.02-2.1 1.65-.33.26 2.43 4.2 2.88-1.15-.02-.04c.53.41 1.1.75 1.73 1.01h-.03L9.58 22h4.85s.03-.18.06-.42l.38-2.65h-.01c.62-.26 1.2-.6 1.73-1.01l-.02.04 2.88 1.15 2.43-4.2s-.14-.12-.33-.26zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5"></path></svg>', 'up': '<svg viewBox="0 0 24 24" width="20px" height="20px"><path d="m7 14 5-5 5 5z"></path></svg>', 'del': '<svg viewBox="0 0 24 24" width="20px" height="20px"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>' }; var currentEngine = null; /* 存储当前正在使用的搜索引擎 */ var currentQuery = null; /* 存储当前检索词 */ /* =====[ 计算反色 ]===== */ function invertHex(hex) { hex = hex.replace("#", ""); // 补全短的 hex 颜色代码 if (hex.length === 3) { hex = hex.split('').map(c => c + c).join(''); } // 确保 hex 长度为 6 if (hex.length !== 6) { throw new Error("Invalid HEX color."); } // 计算反色 let inverted = (Number(`0x${hex}`) ^ 0xFFFFFF).toString(16).toUpperCase(); // 补全不足位数的 0 inverted = ("000000" + inverted).slice(-6); return `#${inverted}`; } function invertRgb(rgb) { // 匹配 rgb(r, g, b) 格式 const match = rgb.match(/^rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)$/); if (!match) { throw new Error("Invalid RGB color."); } const r = 255 - parseInt(match[1], 10); const g = 255 - parseInt(match[2], 10); const b = 255 - parseInt(match[3], 10); return `rgb(${r}, ${g}, ${b})`; } function invertRgba(rgba) { // 匹配 rgba(r, g, b, a) 格式 const match = rgba.match(/^rgba\((\d{1,3}), (\d{1,3}), (\d{1,3}), (0|0?\.\d+|1(\.0)?)\)$/); if (!match) { throw new Error("Invalid RGBA color."); } const r = 255 - parseInt(match[1], 10); const g = 255 - parseInt(match[2], 10); const b = 255 - parseInt(match[3], 10); return `rgba(${r}, ${g}, ${b}, 1)`; } function invertColor(color) { if (color.startsWith("#")) { return invertHex(color); } else if (color.startsWith("rgb(")) { return invertRgb(color); } else if (color.startsWith("rgba(")) { return invertRgba(color); } else { throw new Error("Invalid color format."); } } /* ================ */ function hash(str) { let hash = 5381; for (let i = 0; i < str.length; i++) { hash = (hash * 33) ^ str.charCodeAt(i); } return hash >>> 0; } function findByKeyValue(array, key, value) { /* 在JSON中，以键值匹配项 */ return array.findIndex(item => item[key] === value); } function isSearchEngine() { /* 判断是否是被记录的搜索页 */ const currentUrl = new URL(window.location.href); return searchEngine.some(engine => { const prefix = engine.link.split('%s')[0]; const engineUrl = new URL(prefix); return currentUrl.hostname === engineUrl.hostname && currentUrl.pathname.startsWith(engineUrl.pathname); }); } function showOption() { if($("#userscript-optDlg").length > 0) { return; } let newEngineList = searchEngine; let origEngineList = searchEngine.slice(); var $optDlg = $('<div>', { class: 'userscript-optDlg', id: 'userscript-optDlg', style: 'display:none;' }).appendTo('body'); $optDlg.hide(); $optDlg.fadeIn(100); var listHtml = ''; $.each(newEngineList, (index, item) => { listHtml += ` <div class="list-item" seid="${item.id}"> <p class="item-title">${item.name}</p> <p class="item-movebtn" seid="${item.id}" title="上移">${ICONS.up}</p> <p class="item-delbtn" seid="${item.id}" title="移除">${ICONS.del}</p> </div>`; }); $optDlg.html(` <div style="height:fit-content; max-height:calc(80vh - 60px); overflow-x:hidden; overflow-y:auto;"> <h3>设置</h3> <div style="height:fit-content; margin:5px;"> <p class="subtitle">搜索引擎：</p> ` + listHtml + ` </div> </div> <div align="right"> <input type="button" value="取消" class="ctrlbtn" id="userscript-cancelBtn"> <input type="button" value="添加" class="ctrlbtn" id="userscript-addBtn"> <input type="button" value="保存" class="ctrlbtn" id="userscript-saveBtn"> </div> `); $(document).on('click', '.list-item>.item-movebtn', function(e) { let seid = $(e.target).parent().attr("seid"); const index = findByKeyValue(newEngineList, 'id', seid); if (index > 0) { [newEngineList[index - 1], newEngineList[index]] = [newEngineList[index], newEngineList[index - 1]]; // 交换DOM元素位置 const currentItem = $(`.list-item[seid="${seid}"]`); const previousItem = currentItem.prev(); if (previousItem.length) { currentItem.insertBefore(previousItem); } } }); $(document).on('click', '.list-item>.item-delbtn', function(e) { let seid = $(e.target).parent().attr("seid"); const index = findByKeyValue(newEngineList, 'id', seid); if (index !== -1) { newEngineList.splice(index, 1); $(`.list-item[seid="${seid}"]`).remove(); } }); $(document).on('click', '#userscript-cancelBtn', function(e) { /* 取消按钮 */ newEngineList = origEngineList; $(document).off('click', '#userscript-addBtn'); $(document).off('click', '#userscript-saveBtn'); $(document).off('click', '.list-item>.item-movebtn'); $(document).off('click', '.list-item>.item-delbtn'); let $optDlg = $("#userscript-optDlg"); $optDlg.fadeOut(100); setTimeout(() => { $optDlg.remove(); $(document).off('click', '#userscript-cancelBtn'); location.reload(); }, 110); }); $(document).on('click', '#userscript-addBtn', function(e) { let url = prompt("【添加搜索引擎】\n请在此处填写搜索引擎的链接。（用“%s”代替搜索字词）", "https://"); if(!url){ return; } if(!url.includes("%s") || !url.includes("://")) { alert("【未添加】不合法的链接。"); return; } let name = prompt("【添加搜索引擎】\n请为该条目命名。", "") if(!name){ return; } if(name.length > 100) { alert("【未添加】过长的名称。"); return; } newEngineList.push({ "id": hash(url + name).toString(), "name": name, "link": url }); GM_setValue('search_engine', newEngineList); alert("【已添加】页面即将刷新"); location.reload(); }); $(document).on('click', '#userscript-saveBtn', function(e) { /* 保存按钮 */ GM_setValue('search_engine', newEngineList); alert("【已保存】请刷新页面以应用更改"); $(document).off('click', '#userscript-addBtn'); $(document).off('click', '#userscript-cancelBtn'); $(document).off('click', '.list-item>.item-movebtn'); $(document).off('click', '.list-item>.item-delbtn'); let $optDlg = $("#userscript-optDlg"); $optDlg.fadeOut(100); setTimeout(() => { $optDlg.remove(); $(document).off('click', '#userscript-saveBtn'); }, 110); }); } function initEle() { // 创建搜索栏元素并添加到页面 var $quickSearchBar = $('<div>', { class: 'userscript-quickSearchBar', id: 'userscript-quickSearchBar' }).appendTo('body'); let html = ''; const currentURL = window.location.href; $.each(searchEngine, (index, item) => { const link = item.link; const splitLink = link.split('%s'); let prefix = null; let suffix = null; if (splitLink.length === 2) { prefix = splitLink[0]; suffix = splitLink[1]; } else if (splitLink.length > 2) { prefix = splitLink[0]; suffix = splitLink.slice(1).join('%s'); } if (currentURL.startsWith(prefix) && currentURL.endsWith(suffix)) { currentEngine = item; currentQuery = currentURL.slice(prefix.length, currentURL.length - suffix.length); html += `<div class="item active" seid="${item.id}">${item.name}</div>`; } else { html += `<div class="item" seid="${item.id}">${item.name}</div>`; } }); // 清理 HTML 内容并插入到搜索栏 $quickSearchBar.append(html + ` <div id="userscript-optBtn">` + ICONS.settings + `</div> <div class="blank"></div> `); // 添加点击事件监听器 $(document).on('click', '#userscript-quickSearchBar>.item', function(e) { var seid = $(e.target).attr("seid"); var seIndex = findByKeyValue(searchEngine, "id", seid); location.href = searchEngine[seIndex].link.replace("%s", currentQuery); }); $("#userscript-optBtn").click(() => { showOption(); }); } /* =====[ 菜单注册 ]===== */ var menu_ = GM_registerMenuCommand('⚙️ 脚本设置', function () { showOption(); }, 'o'); (function () { 'use strict'; if(GM_getValue('search_engine') == null || GM_getValue('search_engine') == "" || GM_getValue('search_engine') == undefined){ GM_setValue('search_engine', searchEngine); } else { searchEngine = GM_getValue('search_engine'); } var websiteThemeColor = $('body').css('background-color') || "#FFF"; var websiteFontColor = invertColor(websiteThemeColor); websiteThemeColor = invertColor(websiteFontColor); GM_addStyle(` body{ -webkit-appearance:none!important; } .userscript-quickSearchBar{ user-select:none; background-color:` + websiteThemeColor + `; color:` + websiteFontColor + `; padding:6px 10px; font-size:12px; line-height:20px; width:100vw; height:30px; border-top:1px solid #99999999; position:fixed; bottom:-1px; left:0; right:0; display:flex; flex-direction:row; overflow-x:auto; overflow-y:hidden; box-sizing:initial; z-index:100000; font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; } .userscript-quickSearchBar>.item{ margin:0px 5px; border-radius:20px; border:1px solid ` + websiteFontColor + `; padding:5px 9px; width:fit-content; flex-basis:fit-content; flex-shrink:0; cursor:pointer; background-color:transparent; } .userscript-quickSearchBar>.active{ border:1px solid #6d7fb4; color:#6d7fb4; } .userscript-quickSearchBar>.blank{ flex-basis:25px; flex-shrink:0; width:25px; } #userscript-optBtn{ margin:0px 5px; flex-shrink:0; flex-basis:fit-content; width:fit-content; border-radius:20px; border:1px solid ` + websiteFontColor + `; padding:4px 6px; cursor:pointer; background-color:transparent; } #userscript-optBtn svg{ fill:` + websiteFontColor + `; } .userscript-optDlg{ user-select:none; background-color:` + websiteThemeColor + `; color:` + websiteFontColor + `; border:1px solid #99999999; position:fixed; top:50%; height:fit-content; left:50%; transform:translateX(-50%) translateY(-50%); width:92vw; max-width:300px; padding:15px; border-radius:15px; box-sizing:initial; z-index:100000; box-shadow:0 1px 10px #00000088; font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; } .userscript-optDlg .ctrlbtn{ border:none; background-color:transparent; padding:8px; margin:0; color:#6d7fb4; cursor:pointer; overflow:hidden; } .userscript-optDlg h3{ margin:5px; margin-bottom:15px; font-size:24px; } .userscript-optDlg .subtitle{ margin:5px 1px; font-size:16px; font-weight:400; } .userscript-optDlg .list-item{ width:calc(100% - 10px); padding:10px 5px; margin:0; display:flex; flex-direction:row; vertical-align:middle; box-sizing:initial; } .userscript-optDlg .list-item:hover{ background-color:#55555555; } .userscript-optDlg .list-item>p{ padding:0; margin:0; font-size:16px; } .userscript-optDlg .list-item>.item-title{ flex-grow:1; margin-left:5px; } .userscript-optDlg .list-item>.item-movebtn{ cursor:pointer; width:25px; } .userscript-optDlg .list-item>.item-movebtn svg{ fill:` + websiteFontColor + `; height:100%; min-height:16px; } .userscript-optDlg .list-item>.item-delbtn{ cursor:pointer; width:25px; } .userscript-optDlg .list-item>.item-delbtn svg{ fill:` + websiteFontColor + `; height:100%; min-height:16px; } `); if(isSearchEngine()){ /* 存储初始化 */ console.log("【提示】匹配到已保存的搜素引擎"); try{ initEle(); }catch(e){ console.log(e) } setTimeout(() => { if($("#userscript-quickSearchBar").length == 0){ /* 如果在页面加载时未完成初始化 */ initEle(); } }, 600); setTimeout(()=>{ if($("#userscript-quickSearchBar").length == 0){ /* 如果在页面加载时未完成初始化 */ initEle(); } }, 1200) } })();