// ==UserScript== // @name:zh-CN 快捷搜索 // @name quickly search // @namespace http://tampermonkey.net/ // @version 3.4.0 // @description google translate、mobile.ant.mobile、掘金、npmjs、bilibibli、bootstracpCDN、splunk、google API 快捷搜索，更多快捷搜索 // @license MIT // @author zzailianlian // @match https://www.npmjs.com/* // @match https://docs.npmjs.com/* // @match http://portal.ai.babytree-inc.com/* // @match https://www.bootcdn.cn/* // @match https://www.bilibili.com/* // @match https://search.bilibili.com/* // @match http://splunk.ali.plt.babytree-inc.com/* // @match http://developer.chrome.com/* // @match https://juejin.cn/* // @match https://juejin.im/* // @match https://developer.chrome.com/* // @match https://marketplace.visualstudio.com/* // @match https://mobile.ant.design/* // @match https://developer.mozilla.org/* // @match http://gitlab.babytree-inc.com/* // @match https://gitlab.babytree-inc.com/* // @match https://hellogithub.com/* // @match https://react.docschina.org/* // @match https://zh-hans.reactjs.org/* // @match https://eslint.org/docs/* // @match https://prettier.io/* // @match https://www.prettier.cn/* // @match https://translate.google.cn/* // @match https://github.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=npmjs.com // @grant none // @downloadURL none // ==/UserScript== (function () { 'use strict'; /** * config是一个基础对象 * key 为 要匹配的url * value 为 具体事件 * value为一个基础对象 * keyCode {number} 监听键盘的keycode * metaKey {boolean} 是否按下command或windows按键 * searchSelectorStr {string|array} 搜索框的css选择器，最终选择效果由document.querySelector(searchSelectorStr)来决定 * 为string时，在触发指定键盘按键事件之后自动调用该选择器所选择元素的focus事件，也就是自动聚焦 * 为array时，允许设置多个选择器字符串，这些字符串之间的关系是`||`，位于数组更前方的选择器优先级更大 * isESCblur {boolean} 是否在键入`ESC`按键之后取消聚焦状态 * cb {function} 触发指定键盘事件之后的回调函数 * escCb {function} 触发`ESC`之后的回调函数 * * value的默认值为 * * const defaultOpts = { metaKey: true, isESCblur: true, keyCode: 71, isPreventDefault: true, searchSelectorStr: '', cb: () => { }, escCb: () => { } } * 常用keyCode 71 g 70 f 13 回车 27 esc */ const config = { 'www.npmjs.com': { keyCode: 71, metaKey: true, searchSelectorStr: 'input[type=\'search\']', isESCblur: true, cb: () => { } }, // npmjs 搜索 'docs.npmjs.com': { keyCode: 71, metaKey: true, searchSelectorStr: 'input[type=text]', isESCblur: true, cb: () => { } }, // npmjs文档 搜索 'www.bootcdn.cn': { searchSelectorStr: '.search-wraper input[type=text]', }, // bootcdn 搜索 'developer.chrome.com': '.search-box__input', // 谷歌api文档 搜索 'mobile.ant.design': '.__dumi-default-search-input', // mobile ant 搜索 'juejin': { cb: () => { [...document.querySelector('.main-header').classList].includes('visible') ? null : document.querySelector('.main-header').classList.add('visible') document.querySelector('input[type="search"]').focus() } }, // 掘金搜索 'marketplace.visualstudio.com': '.search-input', // vscode 市场搜索 'developer.mozilla.org': ['#hp-search-input', '#top-nav-search-input'], // mdn搜索 'gitlab': ['input[type="search"]', '#dashboard_search'], // gitlab搜索 'splunk.ali.plt.babytree-inc.com': [ '.ace_text-input', // splunk搜索 { keyCode: 13, cb() { document.querySelector("body > div.shared-page > div.main-section-body > div > div.section-padded.section-header > div.search-bar-wrapper.shared-searchbar > form > table > tbody > tr > td.search-button > a").click() } } // splunk搜索按钮点击 ], 'hellogithub': { cb: () => { const inputEl = document.querySelector('#search-input') || document.querySelector('#dashboard_search') if (inputEl) { inputEl.focus() } else { const homeEl = document.querySelector('.pure-menu-link') homeEl.click() setTimeout(() => { const inputEl = document.querySelector('#search-input') || document.querySelector('#dashboard_search') inputEl.focus() }, 500); } }, escCb() { const inputEl = document.querySelector('#search-input') || document.querySelector('#dashboard_search') if (inputEl) { inputEl.blur() } else { const homeEl = document.querySelector('.pure-menu-link') homeEl.click() setTimeout(() => { const inputEl = document.querySelector('#search-input') || document.querySelector('#dashboard_search') inputEl.blur() }, 500); } } }, // splunk搜索 'www.bilibili.com': '.nav-search-content input', // bilibili首页的搜索框定位 'search.bilibili.com': '.search-input-el', // bilibili搜索页的搜索框定位 'react': '#algolia-doc-search', // react 官网搜索 'eslint.org': '#search', // eslint.org 搜索 'prettier': '#search_input_react', // prettier.io 搜索 'github.com': 'input.js-your-repositories-search', // github search your repositories // 该写翻译中英文了 'translate.google.cn': [ 'textarea[aria-label="原文"]', // google translate { keyCode: 70, cb() { const enStr = 'sl=en' const cnStr = 'sl=zh-CN' const isEn = window.location.href.includes(enStr) var str = isEn ? getUrlWithObj({ sl: 'zh-CN', tl: 'en' }) : getUrlWithObj({ sl: 'en', tl: 'zh-CN' }) window.location.href = str } // 切换中英文 }], 'portal.ai.babytree-inc.com': [ '#search_content', // 埋点系统搜索 { keyCode: 13, cb() { document.querySelector("body > div.container-wrap.mb-g > div.vip-right > div.right-box > div.am-titlebar.am-titlebar-default.am-no-layout > nav > form > button:nth-child(9)").click(); } }, // 埋点系统搜索按钮点击 { keyCode: 86, cb() { // // meta（cmd/windows按键） + c 点击复制后直接调起筛选 // //document.querySelector("body > div.container-wrap.mb-g > div.vip-right > div.right-box > div.am-titlebar.am-titlebar-default.am-no-layout > nav > form > button:nth-child(9)").click(); } }, // meta（cmd/windows按键） + c 点击复制后直接调起筛选 ], } // 基于config生成指定监听事件 const generateMain = () => { const defaultOpts = { metaKey: true, isESCblur: true, keyCode: 71, isPreventDefault: true, searchSelectorStr: '', cb: () => { }, escCb: () => { } } document.onkeydown = function (event) { var e = event || window.event; const generateMainChild = (href, val) => { const { metaKey, isESCblur, keyCode, isPreventDefault, searchSelectorStr, cb, escCb } = { ...defaultOpts, ...val }; const isMetaKey = e.metaKey && metaKey const isEqualKeyCode = e.keyCode == keyCode if (isMetaKey && isEqualKeyCode) { isPreventDefault && e.preventDefault(); if (window.location.origin.includes(href)) { if (searchSelectorStr) { const searchCommonDom = searchSelectorStr instanceof Array ? searchSelectorStr.map(selector => document.querySelector(selector)).find(Boolean) : document.querySelector(searchSelectorStr) searchCommonDom && searchCommonDom.focus() } cb && cb(); } } if (isESCblur && e.keyCode === 27) { isPreventDefault && e.preventDefault(); if (searchSelectorStr) { const searchCommonDom = document.querySelector(searchSelectorStr) searchCommonDom && searchCommonDom.blur() } escCb && escCb(); } } Object.entries(config).map(item => { let [href, vals] = item; if (typeof vals === 'string') { return generateMainChild(href, { searchSelectorStr: vals }) } if (vals instanceof Array) { return vals = vals.map(valsItem => { if (typeof valsItem === 'string') { generateMainChild(href, { searchSelectorStr: valsItem }) } else { generateMainChild(href, valsItem) } }) } }) } } generateMain() // 获取url的params object const getUrlParams = () => { var obj = {} window.location.search.slice(1).split('&').map(item => { if (item.split('=')) { const [key, value] = item.split('=') if (key && value) { obj[key] = value } } }) return obj; } // 将新的参数已object的形式拼接到url上，如果key值相同，则后者覆盖前者 const getUrlWithObj = obj => { const originHrefBase = window.location.href.split('?')[0] const originParamsObj = getUrlParams() const newObj = { ...originParamsObj, ...obj } const searchStr = Object.entries(newObj).reduce((pre, cur) => pre + `${cur[0]}=${cur[1]}&`, '') return `${originHrefBase}?${searchStr.slice(0, -1)}` } })();