大神论坛

找回密码
快速注册
查看: 77 | 回复: 0

[原创] 油猴脚本实现谷歌翻译接口划词翻译

主题

帖子

0

积分

初入江湖

UID
660
积分
0
精华
威望
0 点
违规
大神币
68 枚
注册时间
2023-10-14 10:47
发表于 2023-12-10 09:24
本帖最后由 ouzhzh0 于 2023-12-10 09:24 编辑

本脚本集成了论坛大佬提供的谷歌翻译接口,感谢大佬。如大佬接口不能使用,那本脚本也随之失效。

附大佬链接:https://www.dslt.tech/article-4439-1.html


直接上代码:

// ==UserScript==
// @name 文本翻译脚本
// @namespace https://example.com
// @version 1.0
// @description 鼠标左键选中文本后,自动请求翻译并显示结果
// @match *://*/*
// @grant GM_xmlhttpRequest
// ==/UserScript==

(function() {
'use strict';

// 创建气泡样式
const tooltipStyle = `
position: absolute;
z-index: 9999;
background-color: #333;
color: #fff;
padding: 5px;
font-size: 14px;
border-radius: 3px;
max-width: 450px;
text-align: left;
white-space: normal;
word-wrap: break-word;
pointer-events: none;
`;

// 创建气泡元素
function createTooltip() {
const tooltip = document.createElement('div');
tooltip.id = 'translation-tooltip';
tooltip.style.cssText = tooltipStyle;
return tooltip;
}

// 显示气泡
function showTooltip(text, x, y) {
let tooltip = document.getElementById('translation-tooltip');
if (!tooltip) {
tooltip = createTooltip();
document.body.appendChild(tooltip);
}
tooltip.textContent = text;

// 调整气泡位置
const tooltipWidth = tooltip.offsetWidth;
const tooltipHeight = tooltip.offsetHeight;
const windowWidth = window.innerWidth;
const windowHeight = window.innerHeight;
const tooltipX = Math.max(0, Math.min(x - tooltipWidth / 2, windowWidth - tooltipWidth));
const tooltipY = Math.max(0, y - tooltipHeight - 10);

tooltip.style.left = tooltipX + 'px';
tooltip.style.top = tooltipY + 'px';
}

// 隐藏气泡
function hideTooltip() {
const tooltip = document.getElementById('translation-tooltip');
if (tooltip) {
tooltip.remove();
}
}

// 发送翻译请求
function translateText(text) {
const url = 'https://findmyip.net/api/translate.php?text=' + encodeURIComponent(text);
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(response) {
const Jresponse = JSON.parse(response.responseText);
var translation = '内部接口错误,请联系开发者'
if(Jresponse.code==400){
translation = Jresponse.error;
}else{
translation = Jresponse.data.translate_result;
}
const selection = window.getSelection();
if (selection.rangeCount > 0) {
const range = selection.getRangeAt(0);
const rect = range.getBoundingClientRect();
const x = rect.left + window.pageXOffset + rect.width / 2;
const y = rect.top + window.pageYOffset;
showTooltip(translation, x, y);
}
},
onerror: function(error) {
console.error('翻译请求发生错误:', error);
}
});
}

// 监听鼠标释放事件
window.addEventListener('mouseup', function(event) {
if (event.button === 0) { // 鼠标左键
const selection = window.getSelection();
const selectedText = selection.toString().trim();
if (selectedText !== '') {
translateText(selectedText);
} else {
hideTooltip();
}
}
});

// 初始化气泡元素
window.addEventListener('DOMContentLoaded', function() {
createTooltip();
});
})();


注:若转载请注明大神论坛来源(本贴地址)与作者信息。

返回顶部