google translate、mobile.ant.mobile、掘金、npmjs、bilibibli、bootstracpCDN、splunk、google API 快捷搜索，更多快捷搜索
目前为
// ==UserScript==
// @name:zh-CN 快捷搜索
// @name quickly search
// @namespace http://tampermonkey.net/
// @version 3.4.1
// @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
// ==/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)
}
})
}
generateMainChild(href, vals)
})
}
}
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)}`
}
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址