Greasy Fork is available in English.
选中的文本后在浏览器左上角弹出菜单(位置固定），可以进行搜索，复制，识别其中的网站。
// ==UserScript==
// @name 选中文本
// @author aeae------LceAn（www.lcean.com)
// @version 2.0
// @namespace http://greasyfork.icu/zh-CN/users/858044
// @description 选中的文本后在浏览器左上角弹出菜单(位置固定），可以进行搜索，复制，识别其中的网站。
// @match http://*/*
// @include http://*
// @include https://*
// @encoding utf-8
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_setClipboard
// @grant GM_registerMenuCommand
// @license GPL-3.0 License
// ==/UserScript==
(function() {
'use strict';
// 默认搜索引擎设置
let searchEngine = GM_getValue('searchEngine', 'https://www.google.com/search?q=');
let imageSearchEngine = GM_getValue('imageSearchEngine', 'https://www.google.com/search?tbm=isch&q=');
let translationEngine = GM_getValue('translationEngine', 'https://translate.google.com/?sl=auto&tl=en&text=');
// 创建浮动菜单容器
const menu = document.createElement('div');
menu.id = 'text-selection-menu';
document.body.appendChild(menu);
// 应用CSS样式
const style = document.createElement('style');
document.head.appendChild(style);
style.textContent = `
#text-selection-menu {
position: fixed;
top: 55px;
left: 20px;
padding: 10px;
border: none;
background: #fff;
border-radius: 4px;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
z-index: 99999;
display: none;
font-family: 'Roboto', sans-serif;
}
#text-selection-menu a {
display: block;
padding: 10px 15px;
margin: 0;
color: #555;
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
}
#text-selection-menu a:hover {
background-color: #f5f5f5;
color: #333;
}
#settings-dialog {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
padding: 20px;
background: white;
border-radius: 4px;
border: 1px solid #ccc;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
z-index: 100000;
font-family: 'Roboto', sans-serif;
}
#settings-dialog div {
margin-bottom: 10px;
}
#settings-dialog label {
font-weight: 500;
}
#settings-dialog select {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
background-color: #fff;
}
#settings-dialog button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}
#settings-dialog button:hover {
background-color: #45a049;
}
`;
// 添加菜单选项
['搜索', '复制', '链接', '搜图', '翻译'].forEach(function(action) {
const option = document.createElement('a');
option.textContent = action;
option.href = '#';
menu.appendChild(option);
option.addEventListener('click', function(e) {
e.preventDefault();
switch (action) {
case '搜索': performSearch(); break;
case '复制': copyText(); break;
case '链接': openLink(); break;
case '搜图': searchImage(); break;
case '翻译': translateText(); break;
}
});
});
// 鼠标放开时显示或隐藏菜单
document.addEventListener('mouseup', function() {
const selectedText = window.getSelection().toString();
if (selectedText.trim().length > 0) {
menu.style.display = 'block';
} else {
menu.style.display = 'none';
}
});
// 实现搜索功能
function performSearch() {
const selectedText = window.getSelection().toString();
window.open(searchEngine + encodeURIComponent(selectedText), '_blank');
menu.style.display = 'none';
}
// 实现复制功能
function copyText() {
const selectedText = window.getSelection().toString();
GM_setClipboard(selectedText);
alert('Copied: ' + selectedText);
menu.style.display = 'none';
}
// 实现打开链接功能
function openLink() {
const selectedText = window.getSelection().toString();
const urlRegex = /https?:\/\/[^\s]+/g;
const foundUrl = selectedText.match(urlRegex);
if (foundUrl) {
window.open(foundUrl[0], '_blank');
} else {
alert('No URL found in the selected text.');
}
menu.style.display = 'none';
}
// 实现搜图功能
function searchImage() {
const selectedText = window.getSelection().toString();
window.open(imageSearchEngine + encodeURIComponent(selectedText), '_blank');
menu.style.display = 'none';
}
// 实现翻译功能
function translateText() {
const selectedText = window.getSelection().toString();
window.open(translationEngine + encodeURIComponent(selectedText), '_blank');
menu.style.display = 'none';
}
// 设置对话框
GM_registerMenuCommand('设置', openSettingsDialog);
function openSettingsDialog() {
const dialogHtml = `
<div id="settings-dialog" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background: white; border: 1px solid black; z-index: 100000;">
<div>
<label for="search-engine-select">搜索引擎:</label>
<select id="search-engine-select">
<option value="https://www.google.com/search?q=" ${searchEngine === "https://www.google.com/search?q=" ? "selected" : ""}>Google</option>
<option value="https://www.bing.com/search?q=" ${searchEngine === "https://www.bing.com/search?q=" ? "selected" : ""}>Bing</option>
<option value="https://www.baidu.com/s?wd=" ${searchEngine === "https://www.baidu.com/s?wd=" ? "selected" : ""}>Baidu</option>
</select>
</div>
<div>
<label for="image-search-engine-select">图像搜索引擎:</label>
<select id="image-search-engine-select">
<option value="https://www.google.com/search?tbm=isch&q=" ${imageSearchEngine === "https://www.google.com/search?tbm=isch&q=" ? "selected" : ""}>Google Images</option>
<option value="https://www.bing.com/images/search?q=" ${imageSearchEngine === "https://www.bing.com/images/search?q=" ? "selected" : ""}>Bing Images</option>
<option value="https://image.baidu.com/search/index?tn=baiduimage&word=" ${imageSearchEngine === "https://image.baidu.com/search/index?tn=baiduimage&word=" ? "selected" : ""}>Baidu Images</option>
</select>
</div>
<div>
<label for="translation-engine-select">翻译引擎:</label>
<select id="translation-engine-select">
<option value="https://translate.google.com/?sl=auto&tl=en&text=" ${translationEngine === "https://translate.google.com/?sl=auto&tl=en&text=" ? "selected" : ""}>Google Translate</option>
<option value="https://www.bing.com/translator" ${translationEngine === "https://www.bing.com/translator" ? "selected" : ""}>Bing Translator</option>
</select>
</div>
<button onclick="saveSettings()">保存</button>
<button onclick="document.getElementById('settings-dialog').remove()">关闭</button>
</div>
`;
document.body.insertAdjacentHTML('beforeend', dialogHtml);
document.getElementById('saveButton').addEventListener('click', saveSettings);
document.getElementById('closeButton').addEventListener('click', function() {
document.getElementById('settings-dialog').remove();
});
}
function saveSettings() {
const searchEngineSelect = document.getElementById('search-engine-select');
const imageSearchEngineSelect = document.getElementById('image-search-engine-select');
const translationEngineSelect = document.getElementById('translation-engine-select');
GM_setValue('searchEngine', searchEngineSelect.value);
GM_setValue('imageSearchEngine', imageSearchEngineSelect.value);
GM_setValue('translationEngine', translationEngineSelect.value);
searchEngine = searchEngineSelect.value;
imageSearchEngine = imageSearchEngineSelect.value;
translationEngine = translationEngineSelect.value;
document.getElementById('settings-dialog').remove();
alert('Settings saved!');
}
})();