在常用的搜索引擎页面中添加互相切换的按钮。
当前为
// ==UserScript==
// @name Search Switcher
// @name:zh-CN 一键切换搜索
// @name:zh-TW 壹鍵切換搜索
// @description Add links to each other in search engines. Including multiple search modes.
// @description:zh-CN 在常用的搜索引擎页面中添加互相切换的按钮。
// @description:zh-TW 在常用的搜索引擎頁面中添加互相切換的按鈕。
// @author XanderWang
// @icon https://i.loli.net/2020/05/29/DxSmHAy2o53FdUY.png
// @license GPL-3.0
// @include *.baidu.com/*
// @include *.so.com/*
// @include *.bing.com/*
// @include *.zhihu.com/search?*
// @include *.soku.com/*
// @include *.sogou.com/*
// @include /^https?://[a-z]+\.google\.[a-z,\.]+/.+$/
// @grant none
// @run-at document_body
// @date 05/29/2020
// @modified 10/27/2022
// @version 1.0.5
// @namespace https://blog.xanderwang.site
// ==/UserScript==
{
const sites = [
{
name: "百度",
host: "baidu.com",
link: "https://www.baidu.com/s",
key: "wd",
hide: false,
},
{
name: "必应",
host: "bing.com",
link: "https://bing.com/search",
key: "q",
hide: false,
},
{
name: "谷歌",
host: "google.com",
link: "https://www.google.com/search",
key: "q",
hide: false,
},
{
name: "谷歌镜像",
host: "google.fuckcloudnative.io",
link: "https://google.fuckcloudnative.io/search",
key: "q",
hide: false,
},
{
name: "搜搜",
host: "so.com",
link: "https://www.so.com/s",
key: "q",
hide: false,
},
{
name: "搜狗",
host: "sogou.com",
link: "https://www.sogou.com/web",
key: "query",
hide: false,
},
];
const css = `
.search-warpper {
position: fixed;
left: 0;
top: 0;
}
.search-switcher {
position: fixed;
opacity: 0.2;
top: 80px;
right: calc(100% - 10px);
z-index: 9999999;
transition: all 400ms;
}
.search-switcher:hover {
top: 80px;
left: 0px;
right:auto;
opacity: 1;
border-radius: 0 20px;
}
.search-switcher .search-list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing:border-box;
background-color: #000;
border-radius: 0px 10px 10px 0px;
color: #fff;
padding: 10px;
box-shadow: 5px 5px 5px #777;
}
.search-switcher .search-list a {
color: #0cf;
height: 25px;
line-height: 25px;
}
.search-switcher .search-list a.mirror {
font-weight: bold;
}
`;
function setup() {
console.log("location:", location.href);
let curSite;
let isMirror;
for (let site of sites) {
if (location.host.includes(site.host)) {
curSite = site;
}
}
let siteList = sites.filter(
({ host, hide }) => !location.hostname.includes(host) && !hide
);
console.log("siteList:", siteList);
let query = new URLSearchParams(location.search).get(curSite.key || "q");
console.log("site:", curSite, ",query:", query);
if (query == null) {
return;
}
let body = document.body;
if (body == undefined) {
return;
}
let switcherParentId = "search-switcher-parent";
let switcherParent = document.getElementById(switcherParentId);
if (switcherParent == undefined) {
// 样式
const style = document.createElement("style");
style.innerHTML = css;
body.appendChild(style);
// 生成切换框
switcherParent = document.createElement("div");
switcherParent.setAttribute("id", switcherParentId);
console.log("body.appendChild:", switcherParent);
body.appendChild(switcherParent);
}
const siteTag = ({ link, name, host, mirror, key }) => {
let className = "";
let text = name;
let href = `${link}?${key}=${query}`;
console.log("href:", href);
return `<a href='${href}' target='_blank' >${text}</a>`;
};
const tags = siteList
.filter(({ hidden }) => !hidden)
.map(siteTag)
.join("");
switcherParent.innerHTML = `
<div id='search-switcher' class='search-switcher'>
<div id='search-list' class="search-list">${tags}</div>
</div>
`;
console.log("switcherParent:", switcherParent);
}
let _href = "";
!(function init() {
var current_href = location.href;
if (_href != current_href) {
setup();
_href = current_href;
}
setTimeout(init, 2000);
})();
}
// end userScript