应用于国际化非标项目，实现鼠标取词获取starling平台上对应的key。
// ==UserScript==
// @name 鼠标取词获取翻译
// @namespace https://greasyfork.org/zh-CN/users/323663
// @version 1.0.9
// @description 应用于国际化非标项目，实现鼠标取词获取starling平台上对应的key。
// @match *://ads.tiktok.com/int*
// @match test-ads.tiktok.com/int*
// @match dev.ads.tiktok.com/int*
// @connect starling.snssdk.com
// @grant GM_xmlhttpRequest
// @author zhoubingling
// @supportURL https://code.byted.org/zhoubingling.3365/findid-helper
// ==/UserScript==
(function() {
var res = {
'中': null,
'日': null,
'英': null
};
var handleContainer = {
timer: null,
currDom: [],
messageList: [],
createContainer: function() {
const container = document.createElement("div");
container.setAttribute(
"style",
"" +
"position:absolute!important;" +
"font-size:13px!important;" +
"overflow:auto!important;" +
"background:#fff!important;" +
"font-family:sans-serif,Arial!important;" +
"font-weight:normal!important;" +
"text-align:left!important;" +
"color:#000!important;" +
"padding:0.5em 1em!important;" +
"line-height:1.5em!important;" +
"border-radius:5px!important;" +
"border:1px solid #ccc!important;" +
"box-shadow:4px 4px 8px #888!important;" +
"max-width:280px!important;" +
"max-height:216px!important;" +
"z-index:2147483647!important;" +
""
);
this.currDom.push(container);
return container;
},
destroyContainer: function() {
if (this.currDom.length) {
this.currDom.forEach((el) => {
if (el.parentNode) {
el.parentNode.removeChild(el);
}
})
this.currDom = [];
}
}
};
function findReact(dom) {
let key = Object.keys(dom).find(key =>
key.startsWith("__reactInternalInstance$")
);
let internalInstance = dom[key];
if (internalInstance == null) return null;
if (internalInstance.return) {
// react 16+
return internalInstance._debugOwner
? internalInstance._debugOwner.stateNode
: internalInstance.return.stateNode;
} else {
// react <16
return internalInstance._currentElement._owner._instance;
}
}
function ajax(url, method, headers) {
if (!!!method) method = "GET";
// >>>因为Tampermonkey跨域访问(a.com)时会自动携带对应域名(a.com)的对应cookie
// 不会携带当前域名的cookie
// 所以，GM_xmlhttpRequest【不存在】cookie跨域访问安全性问题
// 以下设置默认headers不起作用<<<
if (!!!headers) headers = { cookie: "" };
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: method,
url: url,
headers: headers,
onload: function(res) {
return resolve(res.responseText);
},
onerror: function(res) {
alert("连接Starling失败，请检查是否已连接内网，或刷新页面重试");
reject("连接Starling失败");
}
});
});
}
window.onload = () => {
if (!handleContainer.messageList.length) {
const starlingUrlList = [
"https://starling.snssdk.com/text/7de818a0398f11e9bcb4d1ecac621e3e/index/zh",
"https://starling.snssdk.com/text/7de818a0398f11e9bcb4d1ecac621e3e/index/ja",
"https://starling.snssdk.com/text/7de818a0398f11e9bcb4d1ecac621e3e/index/en"
];
for (let i=0; i<starlingUrlList.length; i++) {
ajax(starlingUrlList[i]).then(resText => {
let trs = JSON.parse(resText);
let checkLang = starlingUrlList[i].split('/').pop();
if (checkLang === 'zh') {
res['中'] = trs;
} else if (checkLang === 'ja') {
res['日'] = trs;
} else {
res['英'] = trs;
}
handleContainer.messageList.push(trs);
});
};
}
}
document.onmouseout = (e) => {
if (handleContainer.currDom.length) {
const len = handleContainer.currDom.length;
if (e.target == handleContainer.currDom[len-1] || (e.target.parentNode && e.target.parentNode == handleContainer.currDom[len-1])) {// 点击弹窗
e.preventDefault();
return;
}
handleContainer.timer = setTimeout(() => {
handleContainer.destroyContainer();
}, 500);
}
};
document.onmouseover = e => {
const len = handleContainer.currDom.length;
if ((len && handleContainer.currDom[len-1] == e.target) || (e.target.parentNode && e.target.parentNode == handleContainer.currDom[len-1])) {
e.preventDefault();
while (len > 1) {
handleContainer.currDom.shift();
--len;
}
clearTimeout(handleContainer.timer);
return;
}
if (len > 0) {
handleContainer.destroyContainer();
}
let obj = findReact(e.target);
let id = "";
let text = "";
if (obj && obj.props && obj.props.id) {
id = obj.props.id;
let url = "https://starling.bytedance.net/application/33/brand_international_fe?searchType=keyText&searchValue=";
url += id;
text = `<a target='_blank' href=${url}>${id}</a><br />`;
let container = handleContainer.createContainer();
container.style.top = e.pageY + "px";
if (e.pageX + 280 <= document.body.clientWidth) {
container.style.left = e.pageX + "px";
} else container.style.left = document.body.clientWidth - 270 + "px";
for (let key in res) {
text += '<p>' + key +': ' + res[key].message[id] + '</p>';
}
container.innerHTML = text;
document.body.appendChild(container);
}
};
})();