在搜索引擎页面添加 Google、Bing、Baidu、Github 搜索按钮，方便切换搜索引擎
// ==UserScript==
// @name 搜索引擎一键切换
// @version 0.1
// @description 在搜索引擎页面添加 Google、Bing、Baidu、Github 搜索按钮，方便切换搜索引擎
// @author Hooper
// @license MIT
// @match https://www.google.com/search?*
// @match https://www.baidu.com/s?*
// @match https://*.bing.com/search?*
// @match https://github.com/search?*
// @grant none
// @namespace https://greasyfork.org/users/744849
// ==/UserScript==
(function () {
// 获取搜索关键词
const keyword = getKeyword();
// 创建浮窗
const div = document.createElement('div');
div.innerHTML = `
<span><a href="${getGoogleUrl(keyword)}">Google</a></span>
<span><a href="${getBingUrl(keyword)}">Bing</a></span>
<span><a href="${getBaiduUrl(keyword)}">Baidu</a></span>
<span><a href="${getGithubUrl(keyword)}">Github</a></span>
`;
div.id = "search-panel"; // 添加ID以便于CSS选择器引用
div.style.position = 'fixed';
div.style.top = '300px';
div.style.left = '10px';
div.style.padding = '4px';
div.style.backgroundColor = '#fff';
div.style.border = '1px solid #ccc';
div.style.borderRadius = '4px';
div.style.zIndex = '9999';
div.style.display = 'flex';
div.style.flexDirection = 'column';
div.style.alignItems = 'center';
div.style.justifyContent = 'center';
div.style.boxShadow = '0 2px 10px rgba(0, 0, 0, 0.1)'; // 增加阴影效果
div.style.color = '#333';
// 鼠标悬停样式
const links = div.querySelectorAll('a'); // 获取所有的链接元素
// 实体化按钮样式（仅针对示例，实际应用可能还需要更多定制）
links.forEach(link => {
link.style.display = 'inline-block';
link.style.textDecoration = 'none'; // 去除下划线
link.style.padding = '2px 4px';
link.style.borderRadius = '4px';
link.style.backgroundColor = 'transparent';
link.style.marginTop = '8px';
link.style.borderWidth = '1px';
link.style.borderColor = '#ccc';
link.addEventListener('mouseover', function () {
this.style.backgroundColor = '#f5f5f5'; // 鼠标悬停时添加背景色
this.style.borderColor = '#adadad'; // 边框颜色变化
});
link.addEventListener('mouseout', function () {
this.style.backgroundColor = 'transparent'; // 恢复背景色
this.style.borderColor = '#ccc'; // 边框颜色恢复
});
});
let initialMousePosition = { x: 0, y: 0 };
let isDragging = false;
// Add a 'mousedown' event listener to the div to start dragging
div.addEventListener('mousedown', function (event) {
// Record the initial mouse position
console.log('mousedown');
console.log('event.clientX', event.clientX);
initialMousePosition.x = event.clientX;
initialMousePosition.y = event.clientY;
isDragging = true;
event.preventDefault(); // Prevent text selection while dragging
});
document.addEventListener('mousemove', function (event) {
if (isDragging) {
// Calculate the new position of the div
var dx = event.clientX - initialMousePosition.x;
var dy = event.clientY - initialMousePosition.y;
var top = parseInt(div.style.top, 10) + dy;
var left = parseInt(div.style.left, 10) + dx;
// Update the div's position
div.style.top = `${top}px`;
div.style.left = `${left}px`;
// Update the initial mouse position
initialMousePosition.x = event.clientX;
initialMousePosition.y = event.clientY;
}
});
document.addEventListener('mouseup', function () {
isDragging = false;
});
document.body.appendChild(div);
// 获取 Google 搜索链接
function getGoogleUrl(keyword) {
return `https://www.google.com/search?q=${keyword}`;
}
// 获取百度搜索链接
function getBaiduUrl(keyword) {
return `https://www.baidu.com/s?wd=${keyword}`;
}
// 获取 Bing 搜索链接
function getBingUrl(keyword) {
return `https://cn.bing.com/search?q=${keyword}`;
}
// 获取 Github 搜索链接
function getGithubUrl(keyword) {
return `https://github.com/search?q=${keyword}`;
}
// 获取搜索关键词
function getKeyword() {
const url = new URL(location.href);
const params = new URLSearchParams(url.search);
return params.get('q') || params.get('wd') || ''
}
})();