+ // if内未加载脚本时插入的快捷crime node
+ const mobile_prepend_node = document.createElement('div');
+ mobile_prepend_node.classList.add('wh-translate');
+ mobile_prepend_node.innerHTML = `
快捷操作：
`;
- // if对象加载后运行
- let cIframe = $popup.querySelector('iframe');
+ // if对象加载后运行
+ let cIframe = $popup.querySelector('iframe');
- // console.log(cIframe.contentWindow.document.readyState);
- // cIframe.contentWindow.document.onreadystatechange = () => console.log(cIframe.contentWindow.document.readyState);
- // 加载状态
- const if_onload_func = () => {
- // if内部文档对象
- const ifDocu = cIframe.contentWindow.document;
- // 内部插件运行flag
- const ifWH = cIframe.contentWindow.WHTRANS;
- // 文档加载完成后移除
- if (!!loading_node) loading_node.remove();
- // 文档加载完成后才显示if
- cIframe.style.display = 'block';
- // 验证码flag
- const isValidate = ifDocu.querySelector('h4#skip-to-content').innerText.toLowerCase().includes('validate');
- // 如果iframe内部未运行脚本
- if (ifWH === undefined) {
- // 隐藏顶部
- elementReady('#header-root', ifDocu).then(e => e.style.display = 'none');
- // 隐藏4条
- elementReady('#sidebarroot', ifDocu).then(e => e.style.display = 'none');
- // 隐藏聊天
- elementReady('#chatRoot', ifDocu).then(e => e.style.display = 'none');
- // 非验证码页面隐藏滚动条
- if (!isValidate) ifDocu.body.style.overflow = 'hidden';
- // 调整容器位置
- elementReady('.content-wrapper', ifDocu).then(e => {
- // 加入
- e.prepend(mobile_prepend_node);
- e.style.margin = '0px';
- e.style.position = 'absolute';
- e.style.top = '-35px';
- new MutationObserver(() => {
- if (!e.querySelector('.wh-translate')) e.prepend(mobile_prepend_node);
- })
- .observe(e, {childList: true, subtree: true});
- });
- }
+ // log(cIframe.contentWindow.document.readyState);
+ // cIframe.contentWindow.document.onreadystatechange = () => log(cIframe.contentWindow.document.readyState);
+ // 加载状态
+ const if_onload_func = () => {
+ // if内部文档对象
+ const ifDocu = cIframe.contentWindow.document;
+ // 内部插件运行flag
+ const ifWH = cIframe.contentWindow.WHTRANS;
+ // 文档加载完成后移除
+ if (!!loading_node) loading_node.remove();
+ // 文档加载完成后才显示if
+ cIframe.style.display = 'block';
+ // 验证码flag
+ const isValidate = ifDocu.querySelector('h4#skip-to-content').innerText.toLowerCase().includes('validate');
+ // 如果iframe内部未运行脚本
+ if (ifWH === undefined) {
+ // 隐藏顶部
+ elementReady('#header-root', ifDocu).then(e => e.style.display = 'none');
+ // 隐藏4条
+ elementReady('#sidebarroot', ifDocu).then(e => e.style.display = 'none');
+ // 隐藏聊天
+ elementReady('#chatRoot', ifDocu).then(e => e.style.display = 'none');
+ // 非验证码页面隐藏滚动条
+ if (!isValidate) ifDocu.body.style.overflow = 'hidden';
+ // 调整容器位置
+ elementReady('.content-wrapper', ifDocu).then(e => {
+ // 加入
+ e.prepend(mobile_prepend_node);
+ e.style.margin = '0px';
+ e.style.position = 'absolute';
+ e.style.top = '-35px';
+ new MutationObserver(() => {
+ if (!e.querySelector('.wh-translate')) e.prepend(mobile_prepend_node);
+ })
+ .observe(e, {childList: true, subtree: true});
+ });
+ }
+ };
+ cIframe.onload = if_onload_func;
+ // window.whif=cIframe;
+
+ // 超时判断
+ let time_counter = 0;
+ let time_out_id = window.setInterval(() => {
+ loading_node = $popup.querySelector('p:first-of-type');
+ if (!loading_node) {
+ clearInterval(time_out_id);
+ time_out_id = undefined;
+ return;
+ }
+ time_counter++;
+ if (time_counter > 0 && !loading_node.querySelector('button')) {
+ const reload_btn = document.createElement('button');
+ reload_btn.innerHTML = '重新加载';
+ reload_btn.onclick = () => {
+ reload_btn.remove();
+ time_counter = 0;
+ if_cont.innerHTML = null;
+ if_cont.innerHTML = ifHTML;
+ cIframe = $popup.querySelector('iframe');
+ cIframe.onload = if_onload_func;
+ };
+ loading_node.append(reload_btn);
+ }
+ }, 1000);
};
- cIframe.onload = if_onload_func;
- // window.whif=cIframe;
-
- // 超时判断
- let time_counter = 0;
- let time_out_id = window.setInterval(() => {
- loading_node = $popup.querySelector('p:first-of-type');
- if (!loading_node) {
- clearInterval(time_out_id);
- time_out_id = undefined;
- return;
- }
- time_counter++;
- if (time_counter > 0 && !loading_node.querySelector('button')) {
- const reload_btn = document.createElement('button');
- reload_btn.innerHTML = '重新加载';
- reload_btn.onclick = () => {
- reload_btn.remove();
- time_counter = 0;
- if_cont.innerHTML = null;
- if_cont.innerHTML = ifHTML;
- cIframe = $popup.querySelector('iframe');
- cIframe.onload = if_onload_func;
- };
- loading_node.append(reload_btn);
- }
- }, 1000);
- };
+ // 开发详情按钮
+ $zhongNode.querySelector('#wh-devInfo').onclick = () => {
+ const date = new Date();
+ const insert = `当前页面: ${window.location.href}
+分辨率: ${window.innerWidth}x${window.innerHeight}
+设备类型: ${getDeviceType()}
+脚本类型: ${getScriptEngine()}
+时间: ${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}
+插件版本: ${version}
+`;
+ popupMsg(insert, '开发者详情');
+ };
+ }
addStyle(`#wh-trans-icon{
- display: inline-block;
- position: fixed;
- /*top: calc(50% - 157px);*/
- top:0;
- left: 0;
- z-index: 100010;
- border: solid 1px #b5b5b5;
- border-left: none;
- border-top: none;
- border-radius: 0 0 4px 0;
- max-width: 200px;
+display: inline-block;
+position: fixed;
+top:5px;
+left:5px;
+z-index:100010;
+border-radius:4px;
+max-width: 200px;
+box-shadow: 0 0 3px 1px #8484848f;
+}
+#wh-trans-icon:not(.wh-icon-expanded):hover {
+background: #f8f8f8;
}
#wh-trans-icon button{
margin:0;
padding:0;
border:0;
+cursor:pointer;
}
#wh-gSettings div{
margin: 4px 0 0;
@@ -3637,7 +3811,7 @@ padding: 0.5em 0;
// 手机 区域菜单
$('div[class*="areas-mobile"] span:nth-child(2)').contents().each((i, e) => {
- //console.log(e);
+ //log(e);
if (sidebarDict[e.nodeValue])
e.nodeValue = sidebarDict[e.nodeValue];
});
@@ -3744,7 +3918,7 @@ padding: 0.5em 0;
});
// 高级搜索框的已选中
$('ul.advancedSearchFormBody div.select-wrapper button.toggler.down').each((i, e) => {
- // console.log($(e).text())
+ // log($(e).text())
if (headerDict[$(e).text().trim()])
$(e).text(headerDict[$(e).text().trim()]);
else if (propertyDict[$(e).text().trim()])
@@ -3916,7 +4090,7 @@ padding: 0.5em 0;
travelOB.observe($('div.content-wrapper')[0], {childList: true, subtree: true});
}
// 飞行闹钟
- if (device === 'pc' && wh_trans_settings.trvAlarm) elementReady('#countrTravel.hasCountdown').then(node => {
+ if (device === Device.PC && wh_trans_settings.trvAlarm) elementReady('#countrTravel.hasCountdown').then(node => {
const logo_node = document.querySelector('#tcLogo[title]');
const DEST_STR = {
'Mexico': '墨西哥', 'Canada': '加拿大', 'Cayman Islands': '开曼',
@@ -4259,11 +4433,11 @@ display:none;
const hasKick = !!document.querySelector('#weapon_boots');
// modal层
const modal = document.querySelector('div[class^="modal___"]');
- if (isDev()) console.log(`[WH] 当前设备类型是${device}`);
+ log(`当前设备类型是${device}`);
// 区分设备
switch (device) {
- case 'pc': {
- if (isDev()) console.log(`[WH] 开始调整按钮位置`);
+ case Device.PC: {
+ log(`开始调整按钮位置`);
// 隐藏modal层
modal.style.display = 'none';
// 根据选择的武器调整css
@@ -4308,8 +4482,8 @@ display:none;
};
break;
}
- case 'mobile': {
- if (isDev()) console.log(`[WH] 开始调整按钮位置`);
+ case Device.MOBILE: {
+ log(`开始调整按钮位置`);
// 加入css
let css_top = '0';
let slot_height = '76px';
@@ -4386,7 +4560,7 @@ display:none;
};
break;
}
- case 'tablet': {
+ case Device.TABLET: {
break;
}
}
@@ -4416,8 +4590,8 @@ display:none;
let res = response.clone();
res.json().then((data) => {
if (isDev()) {
- console.log('[url]', url)
- console.log('[返回数据]', data)
+ log('[url]', url)
+ log('[返回数据]', data)
}
});
return response;
@@ -4428,12 +4602,12 @@ display:none;
if (wh_trans_settings.quickFinishAtt !== 3) {
const user_btn_select = ['leave', 'mug', 'hosp'][wh_trans_settings.quickFinishAtt];
const wrap = document.querySelector('#react-root');
- if (isDev()) console.log('光速跑路选项选中：', user_btn_select);
+ log('光速跑路选项选中：', user_btn_select);
new MutationObserver(() => {
const btn_arr = document.querySelectorAll('div[class^="dialogButtons___"] button');
if (btn_arr.length > 1) btn_arr.forEach(btn => {
const flag = btn.innerText.toLowerCase().includes(user_btn_select);
- if (isDev()) console.log('按钮内容：', btn.innerText, '，是否包含选中：', flag);
+ log('按钮内容：', btn.innerText, '，是否包含选中：', flag);
if (!flag) btn.style.display = 'none';
// 自动结束
else if (wh_trans_settings.autoStartFinish === true) {
@@ -4461,7 +4635,7 @@ display:none;
} else {
let reload_flag;
const timeout = wh_trans_settings.attReload * 1000 + getRandomInt(-500, 500);
- if (isDev()) console.log(`[WH] ${timeout / 1000}s 后自动刷新`);
+ log(`[WH] ${timeout / 1000}s 后自动刷新`);
window.setInterval(() => {
if (reload_flag === undefined) {
reload_flag = true;
@@ -4545,7 +4719,7 @@ display:none;
// 快速链接中的区域
$('li a[class^="font-num-"] span').each((i, e) => {
- // console.log($(e).prev().attr('class')==='cql-gym')
+ // log($(e).prev().attr('class')==='cql-gym')
if (cityDict[$(e).text()]) {
$(e).text(cityDict[$(e).text()]);
} else if ($(e).prev().attr('class') === 'cql-your-property') {
@@ -4662,7 +4836,7 @@ display:none;
// 健身房状态信息
// $('div[class^="gymStats"] b').each((i, e) => {
- // console.log(e)
+ // log(e)
// if (gymDict[$(e).text().trim()])
// $(e).text(gymDict[$(e).text().trim()]);
// });
@@ -5156,15 +5330,13 @@ display:none;
const spl = e.nodeValue.trim().split(' ');
const itemName = spl.slice(1).join(' ');
e.nodeValue =
- ` ${
- spl[0].replace('x', '个')
- } ${
- itemNameDict[itemName] ? itemNameDict[itemName] : itemName
+ ` ${spl[0].replace('x', '个')
+ } ${itemNameDict[itemName] ? itemNameDict[itemName] : itemName
}`;
} else {
if (/[\u4e00-\u9fa5]/.test(e.nodeValue)) return;
if (/\b\$?[0-9,]+$/.test(e.nodeValue)) return;
- console.log(`未找到翻译：[${e.nodeValue.trim()}]`);
+ log(`未找到翻译：[${e.nodeValue.trim()}]`);
}
});
};
@@ -5345,11 +5517,9 @@ display:none;
case 'friend':
if (profileDict['{$} is on your friend list']) {
action_desc.html(
- `
${
- profileDict['{$} is on your friend list']
- .replace('{$}', playerName)
- }${
- mark ? ' : ' + mark : ''
+ `${profileDict['{$} is on your friend list']
+ .replace('{$}', playerName)
+ }${mark ? ' : ' + mark : ''
}`
);
}
@@ -5357,11 +5527,9 @@ display:none;
case 'enemy':
if (profileDict['{$} is on your enemy list']) {
action_desc.html(
- `${
- profileDict['{$} is on your enemy list']
- .replace('{$}', playerName)
- }${
- mark ? ' : ' + mark : ''
+ `${profileDict['{$} is on your enemy list']
+ .replace('{$}', playerName)
+ }${mark ? ' : ' + mark : ''
}`
);
}
@@ -5369,7 +5537,7 @@ display:none;
}
} else {
if ($('.wh-translated').length <= 0) {
- console.log(`未找到翻译: “${action_desc.text().trim()}”`);
+ log(`未找到翻译: “${action_desc.text().trim()}”`);
}
}
// 添加敌人或朋友的界面
@@ -5813,7 +5981,7 @@ display:none;
// 所有li内容
// $('div.content-wrapper div.customize-opt li').find('*')
// .contents().each((i,e)=>{
- // if(e.nodeType!==3)return;console.log(e)
+ // if(e.nodeType!==3)return;log(e)
// });
return;
}
@@ -6288,7 +6456,7 @@ display:none;
//帮派主要消息日志
$('button[class^="tab"] ').each((i, e) => {
if ($(e).attr('class').indexOf("active") >= 0) {
- console.log($(e).text());
+ log($(e).text());
switch ($(e).text().trim()) {
case "主要消息":
$('ul[class^="news-list"] span[class^="info"]').contents().each((i, u) => {
@@ -6299,7 +6467,7 @@ display:none;
break;
case "攻击":
$('ul[class^="news-list"] span[class^="info"]').find('*').contents().each((i, u) => {
- console.log($(u).text().trim())
+ log($(u).text().trim())
if (factionDict[$(u).text().trim()]) {
u.nodeValue = factionDict[$(u).text().trim()];
}
@@ -7000,9 +7168,9 @@ margin: 0 0 3px;
// 通知翻译的开关
if (!$('div#event-trans-msg').get(0) && !window.location.href.contains(/index\.php/)) {
-// msgBox(``);
+ // msgBox(``);
$('input#eventTransCheck').attr('checked', localStorage.getItem('wh_trans_event') === 'true');
$('input#eventTransCheck').change(function () {
if ($(this).attr('checked') === undefined) {
@@ -7690,8 +7858,8 @@ margin: 0 0 3px;
/**
* 季度邮件奖励
- */
- if ($(e).text().contains(/used the reward bonus code/)) {
+
+ if ($(e).text().contains(/used the reward bonus code/)) {
const code = $(e).text().trim().split(' ')[7];
if (eventsDict[$(e).text().trim().replace(code, '{$}')])
$(e).text(eventsDict[$(e).text().trim().replace(code, '{$}')]
@@ -7699,7 +7867,7 @@ margin: 0 0 3px;
return;
}
- /**
+ /**
* 求婚
*/
if ($(e).text().contains(/accepted your proposal, you are now engaged/)) {
@@ -7729,7 +7897,7 @@ margin: 0 0 3px;
prePos = node3Spl[0].slice(14, node3Spl[0].length);
curPos = node3Spl[1].slice(0, node3Spl[1].length - 2);
} else {
- console.log('职位出现" to "');// todo
+ log('职位出现" to "');// todo
return;
}
e.firstChild.nodeValue = '你在 ';
@@ -7917,7 +8085,7 @@ margin: 0 0 3px;
if (dev) {
const mo = new MutationObserver((mutation) => {
//count++;
- console.log(mutation)
+ log(mutation)
mo.disconnect();
func();
if (!once) {
@@ -7942,16 +8110,16 @@ margin: 0 0 3px;
添加全局style
*/
function addStyle(v) {
- const wh_gStyle = document.querySelector('style#wh-trans-gStyle');
+ let wh_gStyle = document.querySelector('style#wh-trans-gStyle');
if (wh_gStyle) {
wh_gStyle.innerHTML += v;
} else {
- const wh_gStyle = document.createElement("style");
+ wh_gStyle = document.createElement("style");
wh_gStyle.id = 'wh-trans-gStyle';
wh_gStyle.innerHTML = v;
document.head.append(wh_gStyle);
}
- if (isDev()) console.log('css规则已注入', v);
+ log('新的CSS规则已注入', wh_gStyle);
}
/*
@@ -8015,23 +8183,24 @@ margin: 0 0 3px;
zhongNode.querySelector('#wh-trans-icon-btn').onclick = () => {
zhongNode.classList.toggle('wh-icon-expanded');
const click_func = e => {
- if (isDev()) console.log('[wh]', e.target);
+ // e.stopImmediatePropagation();
+ log(e.target);
if (e.target === zhongNode.querySelector('#wh-trans-icon-btn')) return;
if (!zhongNode.contains(e.target)) {
- if (isDev()) console.log('[wh]', '移除事件监听器');
+ log('移除事件监听器');
document.body.removeEventListener('click', click_func);
zhongNode.classList.remove('wh-icon-expanded');
}
};
if (zhongNode.classList.contains('wh-icon-expanded')) {
- if (isDev()) console.log('[wh]', '添加事件监听器');
+ log('添加事件监听器');
document.body.addEventListener('click', click_func);
} else {
- if (isDev()) console.log('[wh]', '移除事件监听器');
+ log('移除事件监听器');
document.body.removeEventListener('click', click_func);
}
};
- zhongNode.querySelector('#wh-update-btn').onclick = (e) => {
+ zhongNode.querySelector('#wh-update-btn').onclick = e => {
e.target.blur();
const innerHtml = `电脑
通常电脑浏览器装有油猴等用户脚本扩展时可以使用链接安装（自动更新）：点此安装。
@@ -8042,7 +8211,7 @@ margin: 0 0 3px;
Torn PDA app 或 Alook 用户可打开这个网页快捷复制粘贴。
`;
popupMsg(innerHtml, '如何更新');
};
- document.body.prepend(zhongNode);
+ document.body.append(zhongNode);
return zhongNode;
}
@@ -8050,16 +8219,24 @@ margin: 0 0 3px;
保存脚本的配置
*/
function saveSettings() {
- localStorage.setItem('wh_trans_settings', JSON.stringify(wh_trans_settings))
+ // 通知
+
+ localStorage.setItem('wh_trans_settings', JSON.stringify(wh_trans_settings));
}
// bool 返回当前是否dev状态
function isDev() {
- return wh_trans_settings.isDev;
+ try {
+ return wh_trans_settings.isDev || false;
+ } catch (e) {
+ console.error(`[wh] dev状态错误 ${e}`);
+ return false;
+ }
}
// 弹出窗口
function popupMsg(innerHTML, title = '芜湖的翻译助手') {
+ if (hasPopup()) return null;
const popup = document.createElement('div');
popup.id = 'wh-popup';
popup.innerHTML =
@@ -8072,6 +8249,7 @@ margin: 0 0 3px;
close_btn.onclick = () => popup.remove();
const clickFunc = e => {
+ e.stopImmediatePropagation();
if (e.target === popup) {
popup.removeEventListener('click', clickFunc);
popup.remove();
@@ -8082,6 +8260,11 @@ margin: 0 0 3px;
return popup.querySelector('#wh-popup-cont');
}
+ // 弹出窗口是否存在
+ function hasPopup() {
+ return !!document.querySelector('#wh-popup');
+ }
+
/**
* Waits for an element satisfying selector to exist, then resolves promise with the element.
* Useful for resolving race conditions.
@@ -8118,4 +8301,72 @@ margin: 0 0 3px;
max = Math.floor(max);
return Math.floor(Math.random() * (max - min)) + min; //不含最大值，含最小值
}
+
+ // 用户脚本平台类型
+ function getScriptEngine() {
+ return UWCopy ? UserScriptEngine.GM : PDA_APIKey.slice(-1) !== '#'
+ ? UserScriptEngine.PDA : UserScriptEngine.RAW;
+ }
+
+ // 用户设备类型 对应PC MOBILE TABLET
+ function getDeviceType() {
+ return window.innerWidth >= 1000
+ ? Device.PC : window.innerWidth <= 600 ? Device.MOBILE : Device.TABLET;
+ }
+
+ // 跨域get请求
+ function COFetch(url) {
+ const engine = getScriptEngine();
+ switch (engine) {
+ case UserScriptEngine.RAW: {
+ return new Promise((_, reject) => {
+ console.error(`[wh] 跨域请求错误：${UserScriptEngine.RAW}环境下无法进行跨域请求`);
+ reject(`错误：${UserScriptEngine.RAW}环境下无法进行跨域请求`);
+ });
+ }
+ case UserScriptEngine.PDA: {
+ return new Promise((resolve, reject) => {
+ if (typeof PDA_httpGet !== 'function') {
+ console.error('[wh] 跨域请求错误：PDA版本不支持');
+ reject('错误：PDA版本不支持');
+ }
+ PDA_httpGet(url)
+ .catch(e => {
+ console.error('[wh] 网络错误', e);
+ reject(`[wh] 网络错误 ${e}`);
+ })
+ .then(res => resolve(res.responseText));
+ });
+ }
+ case UserScriptEngine.GM: {
+ return new Promise((resolve, reject) => {
+ if (typeof GM_xmlhttpRequest !== 'function') {
+ console.error('[wh] 跨域请求错误：用户脚本扩展API错误');
+ reject('错误：用户脚本扩展API错误');
+ }
+ GM_xmlhttpRequest({
+ method: 'get',
+ url: url,
+ onload: res => resolve(res.response),
+ onerror: res => reject(`连接错误 ${res}`),
+ ontimeout: res => reject(`连接超时 ${res}`),
+ });
+ });
+ }
+ }
+ }
+
+ // 简单 object 转字符串
+ function Obj2Str(obj) {
+ let rs = '{\n';
+ Object.keys(obj).forEach(el => {
+ rs += ' ' + el + ': ' + obj[el] + ',\n'
+ });
+ return rs += '}';
+ }
+
+ // log改写
+ function log(...o) {
+ if (isDev()) console.log('[WH]', ...o)
+ }
}());