-
-
Notifications
You must be signed in to change notification settings - Fork 41
/
Copy pathno-zh-terminator.user.js
268 lines (268 loc) · 13.9 KB
/
no-zh-terminator.user.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
// ==UserScript==
// @name 外语终结者
// @namespace https://github.com/ChinaGodMan/UserScripts
// @version 1.4.0.0
// @description 识别非中文字符，如果长度大于5且翻译文本中不含中文，则翻译并且替换原始文本到中文
// @name:zh-CN 外语终结者
// @description:zh-CN 识别非中文字符，如果长度大于5且翻译文本中不含中文，则翻译并且替换原始文本到中文
// @license MIT
// @author 人民的勤务员 <[email protected]>
// @match *://*/*
// @grant GM_xmlhttpRequest
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAzFBMVEUAAADqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTInqTIn////yp7387vL2zdjvka7uian99ff30dv52eH++Pr64ujwnLXtgKPyrL/rVY32yNT1xtPrXpHrWY764ef99/j++vvqUIr65Or53+bwm7TugqTtfKHteqD1wc/88fT2ytX76Oz41N30u8vxpLvzscPsapdcPEFQAAAAHXRSTlMA2JQoSQiLNvfnfz8Q8My5sW/fX1ROGr+hmCAbpYFuRDsAAAOsSURBVHja7dtrU9pAFMbxVYvi/X7vWQLBEA0QInewivX7f6dqu7OHsJDNMrN7pmN+L8U2/4aHRNrCFlzt/7Br54CtVLq82QX7jrZ3lh/+1PrRseGSKX6cgUvXdyxtGxw7vEid/mNwb4+hE6BwSnT+0b44/j4QORPXhA2gssm+nAOZ8h2eABrbjLEdILRL9xLAF8IRkMCrURkonbAtILVRBOQLmNSED9CwFFDlQgU0ioBvHOB7KWEwHcZOA2pc0X2rEQWgZEQcwLuznnnAR2XRgAtV5SEMWCGIjQNq3ID+F/Vj4gAe9IgD+Iw6oDtyEBD7KcPpC0eJ/QBVL2pwyXcYgMZ1+V1vJAEwbsgVdNYK8KqCx4VBVejmCYBIdg7XCghWX4rruQJ6colTmgCY4m9FEzDkQkgU4Ms5FQFFQBFQBKwVED4KAy60xReGjXwBI08YOL4dq4qAbxTQrgsBTUDzWT40IQmIuNQmCQi5VO+sGTB5WORxIVQegrQnPued4C+pfvE5ifuADk4QZ+gyIOIpbecBIU957jgNwAniDF0G4ARR4jQAJ4gmTgMirmg5DQjl+F7l1bDpMAAn2Ipwhg4DcIJPcQNn6CygKQ8aAlQ1MzQLwB8y3nNNsDL/dLRd/bMdTrDxNbx+1gwtBKT+zMr5UNgIaOEE4VM8twiFjYDm4gFxhmNQ6QMGnjAClGuCkfKUrBXgccFfZ4KQmmHPZoB6FVzysrQdoE4wPcPEfkBHHuylIvVxhtYDIp6pZT0g5JnqTcsBI65RsRzQ4hqJpQCcoM7ENACf1UfQqnCtlnFAoLmQKrG6GZoGTOULu6e/CuZQMQ0Y4s0l/wQfqovkOgamAXFX3l3GunfEGVt/wBkaBsAbPn/ZBZWs0+zjDE0DfC41oowd4G33ednQXnGGhgGQcPTSHvop8fIbseo3nh/TgFGXr1ZbfiNWxThD0wCY5QnACYagUH42NAvoBVkB6gR1W2qbBkDc1wRoJogzxO8wCoA40AQoE9TM0DQAerPuigD1HbH+XpnoA1SjJCugk+f9D0aODQKQ/9ZdEqCdIBrhDI0CUGc4DUIvxReXek94xYFlvMvqiy/8f/+rVioCioAiwEJACUhdk33IBj9mcwOULhi7BELlA8ZKh0DnhH3aAxL4ebsDulNwwv46BSLlLfbPMdA4ZcLBGVD4yaStXXDvuMTQ/RG4dlti80qb4NThOVu043CK5c0rhjDh1s0UNvbw8ErD+famXXsX92zeHzuqGriI4sATAAAAAElFTkSuQmCC
// @iconbak https://immersive-translate.owenyoung.com/favicon.png
// @grant GM_getValue
// @grant GM_addStyle
// @grant GM_setValue
// @grant GM_registerMenuCommand
// @connect translate.googleapis.com
// @supportURL https://github.com/ChinaGodMan/UserScripts/issues
// @homepageURL https://github.com/ChinaGodMan/UserScripts
// ==/UserScript==
//https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=zh-CN&dj=1&dt=t&dt=rm&q=你好
(function () {
'use strict'
// 添加一个对象来跟踪已经翻译过的节点
var translatedNodes = {}
var skipClasses = GM_getValue('skipClasses') || ['prettyprint', 'linenums', 'lang-js']
// 创建一个 MutationObserver 实例
var observer = new MutationObserver(function (mutationsList) {
// 遍历每一个发生变化的 mutation
for (var mutation of mutationsList) {
// 检查是否有子节点被添加到文档中
//if (mutation.type === 'childList') {
// 遍历新增加的节点
mutation.addedNodes.forEach(function (addedNode) {
// 如果新增节点是元素节点，可以递归扫描子节点以查找文本内容
if (addedNode.nodeType === Node.ELEMENT_NODE) {
if (!isInsidePreCode(addedNode)) {
scanTextNodes(addedNode)
}
// scanTextNodes(addedNode);
// console.log("New element node added:", addedNode.nodeName);
}
})
// }
}
})
function isInsidePreCode(node) {
while (node) {
if (node.matches && node.matches('pre')) {
return true
}
node = node.parentElement
}
return false
}
// 配置 MutationObserver 监听的目标节点和观察的属性
var config = { childList: true, subtree: true }
// 开始监听文档的变化
observer.observe(document.body, config)
// 添加或移除翻译功能
function toggleTranslation() {
var currentSite = window.location.hostname
var enabledSites = GM_getValue('enabledSites') || []
if (enabledSites.includes(currentSite)) {
enabledSites = enabledSites.filter(function (site) {
return site !== currentSite
})
GM_setValue('enabledSites', enabledSites)
Toast('已移出翻译！', 3000, 'rgba(0, 128, 0, 0.7)', '#fff')
location.reload()
} else {
enabledSites.push(currentSite)
GM_setValue('enabledSites', enabledSites)
Toast('已添加翻译！', 3000, 'rgba(0, 128, 0, 0.7)', '#fff')
location.reload()
}
}
function shouldSkipElement(element) {
// 跳过类名包含 "prettyprint"、"linenums" 和 "lang-js" 的元素
if (element.classList.contains('prettyprint') ||
element.classList.contains('linenums') ||
element.classList.contains('lang-js')) {
return true
}
// 还可以根据其他需要跳过的条件进行判断
return false
}
// 编辑生效站点列表
function editSites() {
// 检查是否已经存在编辑窗口
if (document.getElementById('editorContainer')) {
return
}
var enabledSites = GM_getValue('enabledSites') || []
var siteList = enabledSites.join('\n')
var editorWindow = document.createElement('div')
editorWindow.innerHTML = `
<div id="editorContainer" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border: 1px solid #ccc; border-radius: 5px; z-index: 9999;">
<textarea id="siteList" style="width: 300px; height: 200px; margin-bottom: 10px;">${siteList}</textarea><br>
<button id="saveButton" style="padding: 5px 10px; background: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer;">保存</button>
<button id="cancelButton" style="margin-left: 10px; padding: 5px 10px; background: #ccc; color: #333; border: none; border-radius: 3px; cursor: pointer;">取消</button>
</div>
<div id="overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999;"></div>
`
document.body.appendChild(editorWindow)
var saveButton = document.getElementById('saveButton')
var cancelButton = document.getElementById('cancelButton')
var siteListTextarea = document.getElementById('siteList')
var overlay = document.getElementById('overlay')
saveButton.addEventListener('click', function () {
var editedSites = siteListTextarea.value.split('\n').map(function (site) {
return site.trim()
}).filter(Boolean)
GM_setValue('enabledSites', editedSites)
Toast('已保存生效站点列表！', 3000, 'rgba(0, 128, 0, 0.7)', '#fff')
document.body.removeChild(editorWindow)
document.body.removeChild(overlay)
})
cancelButton.addEventListener('click', function () {
document.body.removeChild(editorWindow)
document.body.removeChild(overlay)
})
}
// 注册油猴菜单命令
GM_registerMenuCommand(isCurrentSiteEnabled() ? '移出翻译' : '添加翻译', toggleTranslation)
GM_registerMenuCommand('编辑生效站点', editSites)
// GM_registerMenuCommand('开启/关闭高亮和删除功能', toggleMouseListeners)
// 递归遍历给定节点及其后代（深度优先搜索）
function scanTextNodes(node) {
if (!node.parentNode || !document.body.contains(node)) {
return
}
switch (node.nodeType) {
case Node.ELEMENT_NODE:
if (node.tagName.toLowerCase() === 'script' || node.isContentEditable) {
return
}
if (shouldSkipElement(node)) {
return
}
if (shouldTranslateNode(node)) { // 检查是否应该翻译该节点
node.childNodes.forEach(scanTextNodes)
}
break
case Node.TEXT_NODE:
var text = node.nodeValue.trim()
if (!containsChinese(text) && text.length > 5 && isCurrentSiteEnabled() && shouldTranslateNode(node.parentNode)) {
translateText(node, text)
}
break
}
}
// 检查当前站点是否在生效站点列表中
function isCurrentSiteEnabled() {
var currentSite = window.location.hostname
var enabledSites = GM_getValue('enabledSites') || []
return enabledSites.includes(currentSite)
}
// 检查字符串是否含中文或者片假字
function containsChinese(str) {
// 日文片假字范围：\u3040-\u30FF\uFF66-\uFF9F
var katakanaRegex = /[\u3040-\u30FF\uFF66-\uFF9F]/
if (katakanaRegex.test(str)) {
return false // 如果包含日文片假字，则返回 false
}
// 中文字符范围：\u4E00-\u9FA5
var chineseRegex = /[\u4E00-\u9FA5]/
return chineseRegex.test(str) // 返回是否包含中文字符
}
// 检查字符串是否含有数字
function containsNumbers(str) {
return /^[a-z\u4E00-\u9FA5\s]+$/i.test(str)
}
// 检查字符串是否为网址
function isURL(str) {
return /((https?:\/\/|www\.)[\x21-\x7e]+[\w/=]|\w([\w.\-])+@\w[\w.\-]+\.(com|cn|org|net|info|tv|cc|gov|edu)|(\w[\w.\-]+\.(com|cn|org|net|info|tv|cc|gov|edu))(\/[\x21-\x7e]*[\w/])?|ed2k:\/\/[\x21-\x7e]+\|\/|thunder:\/\/[\x21-\x7e]+=)/i.test(str)
}
// 检查是否应该翻译该节点
function shouldTranslateNode(node) {
// 检查是否已经翻译过该节点
return !translatedNodes[node.textContent]
}
// 翻译文本
function translateText(node, text) {
// 检查是否已经翻译过该节点
if (translatedNodes[node.textContent]) {
return
}
var api = 'https://translate.googleapis.com/translate_a/single'
var params = {
client: 'gtx',
dt: 't',
sl: 'auto',
tl: 'zh-CN',
q: text
}
GM_xmlhttpRequest({
method: 'GET',
url: api + buildQueryString(params),
onload: function (response) {
try {
var data = JSON.parse(response.responseText.replace('\'', '\u2019'))
var translatedText = data[0].reduce((acc, item) => acc + item[0], '')
showTranslation(node, text, translatedText)
// 标记该节点已经翻译过
translatedNodes[node.textContent] = true
} catch (error) {
console.error('翻译失败：', error)
}
},
onerror: function (response) {
console.error('请求翻译失败：', response.statusText)
}
})
}
// 构建查询字符串
function buildQueryString(params) {
return '?' + Object.keys(params).map(function (key) {
return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])
}).join('&')
}
// 显示翻译
// 显示翻译
function showTranslation(node, originalText, translatedText) {
// 创建 <ruby> 元素和 <rt> 元素
var rubyElement = document.createElement('ruby') // 创建包含音标的元素
var rtElement = document.createElement('rt') // 创建音标元素
// 设置音标元素的文本内容
rtElement.textContent = translatedText
// 设置音标元素的字体大小
rtElement.style.fontSize = 'smaller'
// 设置音标元素的文本左对齐
rtElement.style.textAlign = 'left'
rtElement.style.color = 'red' // 设置音标元素的颜色
// 将音标元素添加到包含音标的元素中
rubyElement.appendChild(rtElement)
// 在中文翻译节点之后插入包含音标的元素
//node.parentNode.insertBefore(rubyElement, node.nextSibling);
// 将原始的非中文字符串替换为翻译后的文本
node.textContent = translatedText // 替换原始的非中文字符串
}
// 主函数
function main() {
// 在页面加载时进行一次扫描
scanTextNodes(document.body)
}
// 启动脚本
main()
// 弹出提示信息
function Toast(msg, duration, backgroundColor, textColor) {
duration = isNaN(duration) ? 3000 : duration
backgroundColor = backgroundColor || 'rgba(0, 0, 0, 0.7)'
textColor = textColor || 'rgb(255, 255, 255)'
var m = document.createElement('div')
m.innerHTML = msg
m.style.cssText = 'max-width:60%;min-width: 150px;padding:0 14px;height: 40px;color: ' + textColor + ';line-height: 40px;text-align: center;border-radius: 12px;position: fixed;top: 95%;left: 50%;transform: translate(-50%, -50%);z-index: 2147483647;background: ' + backgroundColor + ';font-size: 16px;'
document.body.appendChild(m)
setTimeout(function () {
var d = 0.5
m.style.transition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in'
m.style.opacity = '0'
setTimeout(function () {
document.body.removeChild(m)
}, d * 1000)
}, duration)
}
})()