bitdance-team/chrome-extension
1
0
Fork 0
mirror of https://gitee.com/bitdance-team/chrome-extension synced 2025-10-08 08:45:14 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee

Merge branch 'develop' of gitee.com:bitdance-team/chrome-extension into feat-sst

Browse Source
This commit is contained in:
kaz
2022-02-10 22:08:06 +08:00
parent 33c887ddd8 0dfe68c7d9
commit 73932bd713
38 changed files with 1323 additions and 865 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
packages/shell-chrome/assets/js/advanced-search/background.js
View File

@@ -406,17 +406,19 @@ var omniboxSearchModes = [
// 如果前面已经有了 【[xx] 】，则先去掉
text = text.replace(/^\[.*?\]\s*/, "");
suggest([
{ content: "fanyi: [百度] " + text, description: "使用 <url>[百度翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [有道翻译] " + text, description: "使用 <url>[有道翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [必应] " + text, description: "使用 <url>[必应词典]</url> 查词 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [腾讯] " + text, description: "使用 <url>[腾讯翻译君]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [DeepL] " + text, description: "使用 <url>[DeepL翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [金山词霸] " + text, description: "使用 <url>[金山词霸]</url> 查词 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [有道] " + text, description: "使用 <url>[有道]</url> 查词 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [360] " + text, description: "使用 <url>[360翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [翻译狗] " + text, description: "使用 <url>[翻译狗]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [百度] " + text, description: "<url>翻译</url> | 使用 <url>[百度翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [有道翻译] " + text, description: "<url>翻译</url> | 使用 <url>[有道翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [腾讯] " + text, description: "<url>翻译</url> | 使用 <url>[腾讯翻译君]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [DeepL] " + text, description: "<url>翻译</url> | 使用 <url>[DeepL翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
// 【需要注入自动翻译】 { content: "fanyi: [海词翻译] " + text, description: "<url>翻译</url> | 使用 <url>[海词翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [必应] " + text, description: "<url>查词</url> | 使用 <url>[必应词典]</url> 查词 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [有道] " + text, description: "<url>查词</url> | 使用 <url>[有道]</url> 查词 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [海词] " + text, description: "<url>查词</url> | 使用 <url>[海词]</url> 查词 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [金山词霸] " + text, description: "<url>查词</url> | 使用 <url>[金山词霸]</url> 查词 <match>" + text + "</match>", deletable: false },
// 以下内容超出9个不被显示
{ content: "fanyi: [Google] " + text, description: "使用 <url>[Google翻译]</url> 翻译 <match>" + text + "</match> （Google翻译在中国大陆无法使用）", deletable: false },
{ content: "fanyi: [360] " + text, description: "<url>翻译</url> | 使用 <url>[360翻译]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [翻译狗] " + text, description: "<url>翻译</url> | 使用 <url>[翻译狗]</url> 翻译 <match>" + text + "</match>", deletable: false },
{ content: "fanyi: [Google] " + text, description: "<url>翻译</url> | 使用 <url>[Google翻译]</url> 翻译 <match>" + text + "</match> （Google翻译在中国大陆无法使用）", deletable: false },
]);
return;
},
@@ -451,9 +453,15 @@ var omniboxSearchModes = [
let hasChineseChar = /.*[\u4e00-\u9fa5]+.*$/.test(searchText)
navigate("https://www.deepl.com/translator#" + (hasChineseChar ? "zh/en/" : "en/zh/") + encodeURIComponent(searchText), true);
break;
// case "[海词翻译]":
// navigate("http://fanyi.dict.cn/" + encodeURIComponent(searchText), true);
// break;
case "[金山词霸]":
navigate("https://www.iciba.com/word?w=" + encodeURIComponent(searchText), true);
break;
case "[海词]":
navigate("https://dict.cn/" + encodeURIComponent(searchText), true);
break;
case "[有道]":
navigate("https://www.youdao.com/w/" + encodeURIComponent(searchText), true);
break;
@@ -863,7 +871,9 @@ var ajaxUrl = "https://www.baidu.com/s?wd=";
/**
* 用户开始输入文本
*/
chrome.omnibox.onInputStarted.addListener(function () {
chrome.omnibox.onInputStarted.addListener(async function () {
if (!await checkIsActived()) return;
console.log("chrome.omnibox.onInputStarted");
updateDefaultSuggestion('');
});
@@ -871,7 +881,9 @@ chrome.omnibox.onInputStarted.addListener(function () {
/**
* 搜索框失去焦点
*/
chrome.omnibox.onInputCancelled.addListener(function () {
chrome.omnibox.onInputCancelled.addListener(async function () {
if (!await checkIsActived()) return;
console.log("chrome.omnibox.onInputCancelled");
updateDefaultSuggestion('');
});
@@ -879,7 +891,9 @@ chrome.omnibox.onInputCancelled.addListener(function () {
/**
* 输入框文本改变事件
*/
chrome.omnibox.onInputChanged.addListener(function (text, suggest) {
chrome.omnibox.onInputChanged.addListener(async function (text, suggest) {
if (!await checkIsActived()) return;
console.log("chrome.omnibox.onInputChanged", text);
// 停止上一次搜索行为
@@ -904,7 +918,9 @@ chrome.omnibox.onInputChanged.addListener(function (text, suggest) {
/**
* 用户输入完成，按下回车键
*/
chrome.omnibox.onInputEntered.addListener(function (text) {
chrome.omnibox.onInputEntered.addListener(async function (text) {
if (!await checkIsActived()) return;
console.log("chrome.omnibox.onInputEntered");
// 更新输入框回显提示信息
@@ -928,6 +944,26 @@ chrome.omnibox.onInputEntered.addListener(function (text) {
* ****************************************************************************************
*/
/**
* 读取功能开启状态，如果没有开启，则显示一个提示信息
* @returns
*/
async function checkIsActived() {
var isActived = await new Promise((resolve) => {
chrome.storage.sync.get('State_SSSearch', function (State) {
resolve(State.State_SSSearch);
});
});
console.log("SS快捷搜索功能开启状态：" + isActived);
if (!isActived) {
chrome.omnibox.setDefaultSuggestion({
description: "SS快捷搜索功能未开启，请在学生助手扩展设置中开启后再试"
});
}
return isActived;
}
/**
* 将 & < > 等特殊字符转义，但保留中文不进行转义
*

10
packages/shell-chrome/assets/js/background.js
View File

@@ -48,13 +48,3 @@ chrome.contextMenus.create({
showNotification()
}
})
function tranBit(){
console.log("开始插入翻译页面")
chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
console.log(tabs)
chrome.tabs.executeScript(tabs[0].id, { file:'./assets/js/translate/tran.js', runAt: 'document_start' })
chrome.tabs.insertCSS(tabs[0].id, { file:'./assets/css/tran.css', runAt: 'document_start' })
})
}

13
packages/shell-chrome/assets/js/content.js
View File

@@ -1 +1,14 @@
console.log("[BitDance extension] 学生助手插件已启用")
// 每次改变开关状态时刷新页面使功能及时生效
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
console.log(`进入 assets\js\content.js 中的onMessage Listener`)
if (request.action === 'refreshPage') {
location.reload();
sendResponse('Reload page because of ' + request.info);
}
console.log(`离开 assets\js\content.js 中的onMessage Listener`)
return true;
})

20
packages/shell-chrome/assets/js/direct-url/url.js
View File

@@ -1,8 +1,8 @@
window.onload = function(){
console.log("[BitDance extension] 学生助手插件 - 确认跳转页直接跳转模块加载成功");
chrome.storage.sync.get("linkOpen", ({ linkOpen })=>{
if(linkOpen){
chrome.storage.sync.get("State_DirectUrl", ({ State_DirectUrl })=>{
if(State_DirectUrl){
let locHost = location.host,locHref = location.href;
let methods = {
@@ -88,21 +88,21 @@ window.onload = function(){
setTimeout(url(),200);
function url(){
function url() {
let flag = false;
if(locHref.includes(RedirectPage.sites[locHost].include)){
if(locHref.includes(RedirectPage.sites[locHost].include)) {
locHref = locHref.split(RedirectPage.sites[locHost].include);
flag = true;
}
if(flag){
if(flag) {
location.replace(decodeURIComponent(locHref[1]));
}else{
} else {
//改进
if(RedirectPage.sites[locHost].selector){
if(RedirectPage.sites[locHost].selector) {
let target = document.querySelector(RedirectPage.sites[locHost].selector);
location.replace(target.href || target.innerText)
}
location.replace(target.href || target.innerText)
}
}
}

58
packages/shell-chrome/assets/js/expand-full-text/expand.js
View File

@@ -1,25 +1,53 @@
/**
* TODO: 实现CSDN自动展开全文
*/
$(function() {
console.log("[BitDance extension] 学生助手插件 - CSDN阅读全文自动展开模块加载成功");
// 全文自动展开
(async function() {
// 删除DOM
function removeDOM(querySelector) {
let element = document.querySelector(querySelector)
if (element != null) {
element.parentNode.removeChild(element);
}
}
removeDOM(".hide-article-box");
$(".article_content").removeAttr('style');
window.onload = () => {
// 代码块自动展开
document.querySelectorAll("pre").forEach(targetNode => {
removeDOM(".hide-preCode-box");
if (targetNode.classList.contains("set-code-hide")) {
targetNode.classList.remove("set-code-hide");
// 插件刚开始加载时，先读取一次状态
var isExpandFulltextActived = true;
isExpandFulltextActived = await new Promise((resolve) => {
chrome.storage.sync.get('State_ExpandFulltext', function (State) {
resolve(State.State_ExpandFulltext);
});
});
console.log(`isExpandFulltextActived: ${isExpandFulltextActived}`);
if(!isExpandFulltextActived)
return;
console.log("[BitDance extension] 学生助手插件 - 阅读全文自动展开模块加载成功");
switch (window.location.host) {
default:
break;
case "blog.csdn.net": // CSDN博客
$(function () {
removeDOM(".hide-article-box");
$(".article_content").removeAttr('style');
window.onload = () => {
// 代码块自动展开
document.querySelectorAll("pre").forEach(targetNode => {
removeDOM(".hide-preCode-box");
if (targetNode.classList.contains("set-code-hide")) {
targetNode.classList.remove("set-code-hide");
}
})
}
})
break;
case "www.it1352.com": // it1352
console.log("[BitDance extension] 学生助手插件 - it1352");
window.onload = () => {
$('.arc-body-main').height("initial")
$('.arc-body-main-more').remove()
}
break;
}
})
})();

5
packages/shell-chrome/assets/js/expand-full-text/www.it1352.com.js
View File

@@ -1,5 +0,0 @@
console.log("[BitDance extension] 学生助手插件 - it1352阅读全文自动展开模块加载成功");
window.onload = () => {
$('.arc-body-main').height("initial")
$('.arc-body-main-more').remove()
}

30
packages/shell-chrome/assets/js/mouse-effects/click.js
View File

@@ -1,28 +1,14 @@
/**
* TODO: 鼠标点击效果
* 鼠标点击效果
*/
$(function() {
console.log("[BitDance extension] 学生助手插件 - 点击特效模块加载成功");
// 每次改变开关状态时刷新页面使功能及时生效
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
console.log(`进入 assets\js\mouse-effects\click.js 中的onMessage Listener`)
if (request.info === 'click') {
location.reload();
sendResponse('Reload page');
}
console.log(`离开 assets\js\mouse-effects\click.js 中的onMessage Listener`)
return true;
})
// 控制功能是否开启
chrome.storage.sync.get('clickState3', function(budget) {
chrome.storage.sync.get('State_MouseEffect', function(budget) {
// 得到按钮开关状态
if (budget.clickState3 == false || budget.clickState3 == undefined) {
// console.log('click功能启动');
if (budget.State_MouseEffect == false || budget.State_MouseEffect == undefined) {
console.log("[BitDance extension] 学生助手插件 - 点击特效模块加载成功");
var hearts = [];
walk();
@@ -30,7 +16,7 @@ $(function() {
// 走起（初始化）
function walk() {
// 灵魂 css
css(".heart{width: 10px;height: 10px;position: fixed;background: pink;transform: rotate(45deg);}.heart::after,.heart::before{position: absolute;content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;}.heart::after{top: -5px;}.heart::before{left: -5px;}");
css("#heart{width: 10px;height: 10px;position: fixed;background: pink;transform: rotate(45deg);}#heart::after,#heart::before{position: absolute;content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;}#heart::after{top: -5px;}#heart::before{left: -5px;}");
attachEvent();
gameloop();
}
@@ -62,7 +48,7 @@ $(function() {
function createHeart(event) {
// 创建一个 div 并指定类名为 heart
var d = document.createElement("div");
d.className = "heart";
d.id = "heart";
/**
* @param el: 每个 div 的标识
* @param x,y: 当前鼠标位置信息
@@ -73,7 +59,7 @@ $(function() {
hearts.push({
el: d,
x: event.clientX,
y: event.clientY,
y: event.clientY - 12,
scale: 1,
alpha: 1,
color: randomColor()

35
packages/shell-chrome/assets/js/mouse-effects/mouse-style.js
View File

@@ -1,33 +1,22 @@
/**
* TODO: 鼠标样式
* 鼠标样式
*/
$(function() {
console.log("[BitDance extension] 学生助手插件 - 鼠标样式模块加载成功");
// 每次改变开关状态时刷新页面使功能及时生效
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
console.log(`进入 assets\js\mouse-effects\mouse-style.js 中的onMessage Listener`)
if (request.info === 'mouse') {
location.reload();
sendResponse('Reload page');
}
console.log(`离开 assets\js\mouse-effects\mouse-style.js 中的onMessage Listener`)
return true;
})
// 控制功能是否开启
chrome.storage.sync.get('clickState2', function(budget) {
chrome.storage.sync.get('State_MouseStyle', function(budget) {
// 得到按钮开关状态
if (budget.clickState2 == false || budget.clickState2 == undefined) {
$('*').hover(function() {
$(this).css("cursor", "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c%0A6QAABPxJREFUWEe9lltIalkYx9feak1hDBonIvVM0ZyKLmAM3YyIqB6KCgrK%0Abj710G1gKooJJrCYiB4q6qHefIgoKoaChpiieojQJIWiy0GygzaO0RVhSDTb%0Ae+1hOSlb3d56aL+Iur/1/db3/77/Whj4/6kGAOgAAPq37x/2gQEAyrRa7V9s%0ANhuTSqXk5eXlGUVRTR8FgwC+HB0dfc3JyWG7tq3RaAiZTAY/AgYBgNTU1Bed%0AThfBVHcE09DQQFxfX1+EUJkoAMAnAMDfoWroBMAwTAsh/ClYUACYIQzDfkeg%0ACQkJ5Pz8PG6xWB4oihIEW9MJwCRDsECVSoUqQ97c3BgrKioSNzc3I+kxZrMZ%0AikQinKIoVw7GJd1/BpLBH8zr6ysVHx9Pra2tUS0tLS9CoRBfW1vjJCQksFDM%0Azs4OUV1dPffy8vKLvzXcAKHKQF9ILpeTVVVVFL2B9/f3SQSTlJSEraysRAiF%0AQlagKtDL4zMNwWSoqakhNzY2nLtlehBMSUkJAtgDAKDRfvB+z0OfcGUYHx9/%0ALS4uxgoKCtwj7J0Ax3EAIQR7e3tEc3MzcX9/r6TDeAC8RwYulwufn59xpgos%0ALi46Li4u8LGxMQ9ABINM7+npSeTdoWHLMDIyQqhUKmp7e5tDhzg9PSXFYjEG%0AIWSEQw0cExMz5TMiiYmJNoPB8F0w/en/Ly0tvba2tnIKCgpIkUhEra6u4vn5%0A+VClUjFKgyojk8msFEXxfQDeIwMdBu2Mw+Ewzr5WqyXz8vIICOGPAIB/nCbI%0AsNMvSqXyq0Qi8dtYTNVBLri6usoYY7FYkCkRVqu1CtkDPZ6RVCAQ2A0GQ8To%0A6Cg8Pj4GEokEDg4OemjsDVFbW0vy+XxSoVC4zxRUjeTkZIfJZPoVADDDBM4I%0AgGGYjsfjfdna2oLIZA4PD4ny8nJ8YGAAyuXyoCOHEvX19dlnZ2f/dDgcDYH6%0AiQlgqLKycmh4eJhFdzi0SFlZmaO9vZ2qr6/38H2RSARvb28JkiQj5ubmHB0d%0AHc4qZGdn205OTlJceodUAQzDKGQcaWlpdp1O5zMNLmPp6uoiULPNzMyw0G96%0AvZ64uroCubm5OI/Hc49eMAjvCkRJpdJ/l5eX2fn5+Xa1Wu0DUFhYSCqVSqf9%0ASiQSQq1Ws6Ojo6FCoYBSqZRRnjeIH4JaMQDgc29v7+XU1FSk0WgkHx4ePA4a%0AlLSxsZFYWFhg0UetqamJnJiYwAQCAaPp0OTwgfDpAdTJT09PzoWYZMBxHPpz%0At2DmlZWVZTs/P/eAYDIis8lkike7KSoqsh0cHKBrlvNB9trW1gY0Go37BOzp%0A6bFNT0+73wkXwt8YIm8nMjIyMLPZ7JThzT7Z9N2jOedyuX+kp6dXHR8fvwvC%0A73UpMjJyxuFw/AwAcMoxODhIeJ9qSUlJdqPRiBILxWLxZTgQKSkpdr1eHxXw%0AvvZWzl2Kokq9S4vslc/n99EcLiyIycnJ1/7+/u9DAfi8u7v7rbS01GPEuFyu%0Aw2q1ehgSupKLxeLrYJVYX1931NXVyQEA46EAgLi4ONvd3Z3bE9CplpOTU+F9%0AsLxVKSAEPbm/05CpkT1kYLFYLxDCQHeGT5mZmddnZ2cejemdPBwAtwxoGlpb%0AW5MD+burEnQIpuThAIDY2Fj74+NjJI7jFnSTCTbvdIjOzk68u7t7GGnuHRdS%0AD7gWw3H8NwhhT4jJ6a8hKWxMcf8BWQiA/lSw+WUAAAAASUVORK5CYII=), crosshair");
});
} else {
('*').hover(function() {
$(this).css("cursor", "auto");
});
if (budget.State_MouseStyle == false || budget.State_MouseStyle == undefined) {
let style = document.getElementsByTagName('style');
// console.log(style[0]);
let css = "* {cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c%0A6QAABPxJREFUWEe9lltIalkYx9feak1hDBonIvVM0ZyKLmAM3YyIqB6KCgrK%0Abj710G1gKooJJrCYiB4q6qHefIgoKoaChpiieojQJIWiy0GygzaO0RVhSDTb%0Ae+1hOSlb3d56aL+Iur/1/db3/77/Whj4/6kGAOgAAPq37x/2gQEAyrRa7V9s%0ANhuTSqXk5eXlGUVRTR8FgwC+HB0dfc3JyWG7tq3RaAiZTAY/AgYBgNTU1Bed%0AThfBVHcE09DQQFxfX1+EUJkoAMAnAMDfoWroBMAwTAsh/ClYUACYIQzDfkeg%0ACQkJ5Pz8PG6xWB4oihIEW9MJwCRDsECVSoUqQ97c3BgrKioSNzc3I+kxZrMZ%0AikQinKIoVw7GJd1/BpLBH8zr6ysVHx9Pra2tUS0tLS9CoRBfW1vjJCQksFDM%0Azs4OUV1dPffy8vKLvzXcAKHKQF9ILpeTVVVVFL2B9/f3SQSTlJSEraysRAiF%0AQlagKtDL4zMNwWSoqakhNzY2nLtlehBMSUkJAtgDAKDRfvB+z0OfcGUYHx9/%0ALS4uxgoKCtwj7J0Ax3EAIQR7e3tEc3MzcX9/r6TDeAC8RwYulwufn59xpgos%0ALi46Li4u8LGxMQ9ABINM7+npSeTdoWHLMDIyQqhUKmp7e5tDhzg9PSXFYjEG%0AIWSEQw0cExMz5TMiiYmJNoPB8F0w/en/Ly0tvba2tnIKCgpIkUhEra6u4vn5%0A+VClUjFKgyojk8msFEXxfQDeIwMdBu2Mw+Ewzr5WqyXz8vIICOGPAIB/nCbI%0AsNMvSqXyq0Qi8dtYTNVBLri6usoYY7FYkCkRVqu1CtkDPZ6RVCAQ2A0GQ8To%0A6Cg8Pj4GEokEDg4OemjsDVFbW0vy+XxSoVC4zxRUjeTkZIfJZPoVADDDBM4I%0AgGGYjsfjfdna2oLIZA4PD4ny8nJ8YGAAyuXyoCOHEvX19dlnZ2f/dDgcDYH6%0AiQlgqLKycmh4eJhFdzi0SFlZmaO9vZ2qr6/38H2RSARvb28JkiQj5ubmHB0d%0AHc4qZGdn205OTlJceodUAQzDKGQcaWlpdp1O5zMNLmPp6uoiULPNzMyw0G96%0AvZ64uroCubm5OI/Hc49eMAjvCkRJpdJ/l5eX2fn5+Xa1Wu0DUFhYSCqVSqf9%0ASiQSQq1Ws6Ojo6FCoYBSqZRRnjeIH4JaMQDgc29v7+XU1FSk0WgkHx4ePA4a%0AlLSxsZFYWFhg0UetqamJnJiYwAQCAaPp0OTwgfDpAdTJT09PzoWYZMBxHPpz%0At2DmlZWVZTs/P/eAYDIis8lkike7KSoqsh0cHKBrlvNB9trW1gY0Go37BOzp%0A6bFNT0+73wkXwt8YIm8nMjIyMLPZ7JThzT7Z9N2jOedyuX+kp6dXHR8fvwvC%0A73UpMjJyxuFw/AwAcMoxODhIeJ9qSUlJdqPRiBILxWLxZTgQKSkpdr1eHxXw%0AvvZWzl2Kokq9S4vslc/n99EcLiyIycnJ1/7+/u9DAfi8u7v7rbS01GPEuFyu%0Aw2q1ehgSupKLxeLrYJVYX1931NXVyQEA46EAgLi4ONvd3Z3bE9CplpOTU+F9%0AsLxVKSAEPbm/05CpkT1kYLFYLxDCQHeGT5mZmddnZ2cejemdPBwAtwxoGlpb%0AW5MD+burEnQIpuThAIDY2Fj74+NjJI7jFnSTCTbvdIjOzk68u7t7GGnuHRdS%0AD7gWw3H8NwhhT4jJ6a8hKWxMcf8BWQiA/lSw+WUAAAAASUVORK5CYII=), auto}"
let css1 = "a {cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c%0A6QAAA35JREFUSEvtVk1IG1EQnv1PNhEhVEloRa22gXqw3jyU5qAUQWk9iKjQ%0Ag7SIpIfmnJMHxaNQsYJUkLQSqAcP1VPFS6EeqwepFqOCaQ8x/kRo3N3se1tm%0AYdM02dhtrvVBEt6+b+abmffNbBhwvqpZlv0MADddLtf7bDY74ty0FMk4MRYE%0A4X4ikfhSV1dnwgkh4PF4FFVV3U7s7TCOiDs6Ouja2tofWEopyLL8UlXVV5WQ%0AOyI2DMModo6P3G63pqqqdE3spALXpbat0rW4sCz/Xzth1ufn5yWa0DQNtra2%0AoLu7W6GUjhBC3lY8Mu3E5aRX8Tpqa2shnU7jTFcKbSruYyfEFmZhYYEODw/f%0ABYCE9SxPLEnSo5qamtVwOMzPzc0ZyWTyga7r+BpEIZXM6n8hRmw0GjUmJyd5%0AAKC4N4klSbqTTqe/eb3evL9kMgn19fUvKKWv7Yjx1chxXFl+u3Oe53OEEDFP%0AzPM8yeVybLGXk5MTCAQCzzVNe4Mk6MxauD8+Pgafz1dCvrOzAy0tLaDrOjAM%0AA5lMxsSdnZ1BdXW1maz5FYlEjKmpKdvoLy8v8fVnZpfL5YBlWTMAURRNVVdV%0AVZXY7e3tQTAYzBNns1kTh/aiKL4jhDw1iVmW1QghQrm6WUQWMf4JEAQhH0ix%0AHbYUBmvhC/eCIPyklHotcXEbGxt6e3u7LbdFbJVuenraiEQijLW3M8IKra+v%0AQygUgqOjI2hoaDArxXGcTikVCtvJv7S09KOvr8+2xdBRZ2cnzM/Po+hgcXHR%0A6O/vZ5qbm439/X0GhY/3KUkSKIoCY2NjMD4+DqiTUChkHBwcMBcXF0iMg8Vd%0ATHJ7dnY2MTo6WpKEJRA86OrqgtXVVXNe8zwPeIeyLFsZmb941traSre3t03R%0AYjCIdblc3zVNu2WX3Y1oNJqamJiwzRzvFwVmrUAgAKlUCjY3N6GtrY3GYjF2%0AaGgof454rAR+MBiWZT0AkC07uQYGBmg8Hnc02VZWVoyenh4mHo/D4OBg2d5u%0AbGyEw8PD3+1UBlkVDoczMzMzjsj/Nsmwh30+3z0A+Jrv4yuM5N7e3szy8jKO%0AuooXlliW5U+Kojy0nDjJhgsGgzpOo0qWqqrg9Xo/6Lr+uNDeCbGJb2pqMnZ3%0Ad6+cz5ZjVPXp6Sn4/X5CKbWtlmNidCoIwjNK6ZOrMhdFMaNp2kdCSOwq3C/H%0Acfgu+27rfgAAAABJRU5ErkJggg==), crosshair}"
style[0].appendChild(document.createTextNode(css+css1));
console.log(style[0]);
// $('a').hover(function() {
// $(this).css("cursor", "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c%0A6QAAA35JREFUSEvtVk1IG1EQnv1PNhEhVEloRa22gXqw3jyU5qAUQWk9iKjQ%0Ag7SIpIfmnJMHxaNQsYJUkLQSqAcP1VPFS6EeqwepFqOCaQ8x/kRo3N3se1tm%0AYdM02dhtrvVBEt6+b+abmffNbBhwvqpZlv0MADddLtf7bDY74ty0FMk4MRYE%0A4X4ikfhSV1dnwgkh4PF4FFVV3U7s7TCOiDs6Ouja2tofWEopyLL8UlXVV5WQ%0AOyI2DMModo6P3G63pqqqdE3spALXpbat0rW4sCz/Xzth1ufn5yWa0DQNtra2%0AoLu7W6GUjhBC3lY8Mu3E5aRX8Tpqa2shnU7jTFcKbSruYyfEFmZhYYEODw/f%0ABYCE9SxPLEnSo5qamtVwOMzPzc0ZyWTyga7r+BpEIZXM6n8hRmw0GjUmJyd5%0AAKC4N4klSbqTTqe/eb3evL9kMgn19fUvKKWv7Yjx1chxXFl+u3Oe53OEEDFP%0AzPM8yeVybLGXk5MTCAQCzzVNe4Mk6MxauD8+Pgafz1dCvrOzAy0tLaDrOjAM%0AA5lMxsSdnZ1BdXW1maz5FYlEjKmpKdvoLy8v8fVnZpfL5YBlWTMAURRNVVdV%0AVZXY7e3tQTAYzBNns1kTh/aiKL4jhDw1iVmW1QghQrm6WUQWMf4JEAQhH0ix%0AHbYUBmvhC/eCIPyklHotcXEbGxt6e3u7LbdFbJVuenraiEQijLW3M8IKra+v%0AQygUgqOjI2hoaDArxXGcTikVCtvJv7S09KOvr8+2xdBRZ2cnzM/Po+hgcXHR%0A6O/vZ5qbm439/X0GhY/3KUkSKIoCY2NjMD4+DqiTUChkHBwcMBcXF0iMg8Vd%0ATHJ7dnY2MTo6WpKEJRA86OrqgtXVVXNe8zwPeIeyLFsZmb941traSre3t03R%0AYjCIdblc3zVNu2WX3Y1oNJqamJiwzRzvFwVmrUAgAKlUCjY3N6GtrY3GYjF2%0AaGgof454rAR+MBiWZT0AkC07uQYGBmg8Hnc02VZWVoyenh4mHo/D4OBg2d5u%0AbGyEw8PD3+1UBlkVDoczMzMzjsj/Nsmwh30+3z0A+Jrv4yuM5N7e3szy8jKO%0AuooXlliW5U+Kojy0nDjJhgsGgzpOo0qWqqrg9Xo/6Lr+uNDeCbGJb2pqMnZ3%0Ad6+cz5ZjVPXp6Sn4/X5CKbWtlmNidCoIwjNK6ZOrMhdFMaNp2kdCSOwq3C/H%0Acfgu+27rfgAAAABJRU5ErkJggg==), crosshair");
// });
}
})
})

229
packages/shell-chrome/assets/js/popup.js
View File

@@ -1,81 +1,186 @@
$(function() {
// 获取开关状态
chrome.storage.sync.get('clickState2', function(budget) {
// console.log(budget.clickState);
// 获取页面节点
let input = document.querySelector("#button-2");
// 改变开关状态（保持与上次设置时一致）
input.checked = budget.clickState2;
});
// 获取开关状态
chrome.storage.sync.get('clickState3', function(budget) {
// console.log(budget.clickState);
// 获取页面节点
let input = document.querySelector("#button-3");
// 改变开关状态（保持与上次设置时一致）
input.checked = budget.clickState3;
/**
* 鼠标样式
*/
// 页面加载时，更新界面开关状态
chrome.storage.sync.get('State_MouseStyle', function(budget) {
document.querySelector("#btnMouseStyle").checked = budget.State_MouseStyle;
});
// 点击开关时改变按钮状态
$("#button-2").click(function() {
// 获取开关
let checked = $("#button-2");
// 持久化存储开关状态
chrome.storage.sync.set({ 'clickState2': checked[0].checked });
console.log('mouse success');
// 自动刷新页面
chrome.tabs.query({
active: true,
currentWindow: true
}, (tabs) => {
console.log(tabs);
let message = {
info: 'reload'
}
chrome.tabs.sendMessage(tabs[0].id, message, res => {
console.log(res);
})
})
// 点击开关时存储按钮状态并刷新页面
$("#btnMouseStyle").click(function() {
chrome.storage.sync.set({ 'State_MouseStyle': $("#btnMouseStyle")[0].checked });
refreshPage('Mouse Style');
});
// 点击开关时改变按钮状态
$("#button-3").click(function() {
// 获取开关
let checked = $("#button-3");
// 持久化存储开关状态
chrome.storage.sync.set({ 'clickState3': checked[0].checked });
console.log('click success');
// 自动刷新页面
chrome.tabs.query({
active: true,
currentWindow: true
}, (tabs) => {
console.log(tabs);
let message = {
info: 'reload'
}
chrome.tabs.sendMessage(tabs[0].id, message, res => {
console.log(res);
})
})
/**
* 鼠标特效
*/
// 页面加载时，更新界面开关状态
chrome.storage.sync.get('State_MouseEffect', function(budget) {
document.querySelector("#btnMouseEffect").checked = budget.State_MouseEffect;
});
// 点击开关时存储按钮状态并刷新页面
$("#btnMouseEffect").click(function() {
chrome.storage.sync.set({ 'State_MouseEffect': $("#btnMouseEffect")[0].checked });
refreshPage('Mouse Effect');
})
// Direct Url
/**
* Direct Url
*/
const btnDirectUrl = document.querySelector("#btnDirectUrl");
chrome.storage.sync.get("linkOpen", ({ linkOpen }) => {
btnDirectUrl.checked = !linkOpen;
// 页面加载时，更新界面开关状态
chrome.storage.sync.get("State_DirectUrl", ({ State_DirectUrl }) => {
btnDirectUrl.checked = !State_DirectUrl;
});
// 点击开关时存储按钮状态并刷新页面
btnDirectUrl.addEventListener("change", () => {
chrome.storage.sync.set({ linkOpen: !btnDirectUrl.checked });
chrome.storage.sync.set({ State_DirectUrl: !btnDirectUrl.checked });
refreshPage('Direct Url');
});
// 截图
/**
* Expand Fulltext
*/
const btnExpandFulltext = document.querySelector("#btnExpandFulltext");
// 页面加载时，更新界面开关状态
chrome.storage.sync.get("State_ExpandFulltext", ({ State_ExpandFulltext }) => {
btnExpandFulltext.checked = !State_ExpandFulltext;
});
// 点击开关时存储按钮状态并刷新页面
btnExpandFulltext.addEventListener("change", () => {
chrome.storage.sync.set({ State_ExpandFulltext: !btnExpandFulltext.checked });
refreshPage('Expand Fulltext');
});
/**
* Google广告拦截
*/
const btnGoogleAds = document.querySelector("#btnAdsBlock");
// 页面加载时，更新界面开关状态
chrome.storage.sync.get('State_AdsBlock', function(budget) {
btnGoogleAds.checked = !budget.State_AdsBlock;
});
// 点击开关时存储按钮状态并刷新页面
$("#btnAdsBlock").click(function() {
chrome.storage.sync.set({ 'State_AdsBlock': !btnGoogleAds.checked });
chrome.extension.getBackgroundPage().updateAdsBlockStatus(!btnGoogleAds.checked);
refreshPage('Ads Block');
})
/**
* SS 快捷搜索
*/
const btnSSSearch = document.querySelector("#btnSSSearch");
// 页面加载时，更新界面开关状态
chrome.storage.sync.get('State_SSSearch', function(budget) {
btnSSSearch.checked = !budget.State_SSSearch;
});
// 点击开关时存储按钮状态并刷新页面
$("#btnSSSearch").click(function() {
chrome.storage.sync.set({ 'State_SSSearch': !btnSSSearch.checked });
// refreshPage('SS Search');
})
/**
* 截图
*/
document.getElementById("btnScreenshot").addEventListener("click", () => {
chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
chrome.extension.getBackgroundPage().takeScreenshot(tabs[0]);
if(isChromeSettingPage(tabs[0].url)) {
alert("抱歉，由于浏览器限制，“chrome://”开头的网页不支持截图");
} else {
chrome.extension.getBackgroundPage().takeScreenshot(tabs[0]);
window.close();
}
})
});
/**
* 翻译
*/
document.getElementById("transform").onclick = function () {
chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
if(isChromeSettingPage(tabs[0].url)) {
alert("抱歉，由于浏览器限制，“chrome://”开头的网页不支持翻译");
} else {
chrome.extension.getBackgroundPage().showTranslationWindow()
window.close();
}
})
}
/**
* 番茄钟
*/
// 获取番茄钟页面状态
chrome.storage.sync.get('clockState', function(budget) {
console.log(budget.clockState);
if (budget.clockState === "block") {
$('#back').css("display", "block");
$('#article').css("display", "none");
$('#pomodoro').css("display", "block");
} else if (budget.clockState === "none") {
$('#article').css("display", "block");
$('#pomodoro').css("display", "none");
}
});
$('#clock').click(function() {
$('#pomodoro').fadeIn(500);
$('#article').fadeOut(0);
$('#back').css("display", "block");
chrome.storage.sync.set({ "clockState": "block" });
});
$('#back').click(function() {
$('#pomodoro').fadeOut(0);
$('#article').fadeIn(200);
$('#back').css("display", "none");
chrome.storage.sync.set({ "clockState": "none" });
})
// ****************************************************************************************************************
/**
* 判断是否是 chrome:// 开头的链接
* @param {} url
* @returns
*/
function isChromeSettingPage(url) {
return /^chrome:\/\/.*$/.test(url);
}
/**
* 改变开关自动刷新页面
*/
function refreshPage(messageInfo) {
chrome.tabs.query({
active: true,
currentWindow: true
}, (tabs) => {
console.log(tabs);
let message = {
info: messageInfo,
action: "refreshPage"
}
chrome.tabs.sendMessage(tabs[0].id, message, res => {
console.log(res);
})
})
}
})

149
packages/shell-chrome/assets/js/popup2.js
View File

@@ -1,97 +1,62 @@
//天气
//天气
let key_w = "314285a761da4025bd4c09339dca5f0f"
var longitude = 116.40
var latitude = 39.90
var BitDanceSite = '北京'
var searchWeatherfn = async function () {
// 用经纬度获取
let url_jw = longitude + ',' + latitude
console.log("url_jw: " + url_jw)
let httpUrl = `https://geoapi.qweather.com/v2/city/lookup?location=${url_jw}&key=${key_w}`
//获取城市的ID
// let httpUrl = `https://geoapi.qweather.com/v2/city/lookup?location=黔江区&adm=重庆&key=${key}`
let res1 = await fetch(httpUrl) // 不能res，会冲突
let result = await res1.json()
console.log("下面是result")
console.log(result)
document.getElementById("weatherSite").innerHTML = result.location[0].adm1
let id = result.location[0].id
console.log(id)
//根据城市id获取具体的天气
let httpUrl1 = `https://devapi.qweather.com/v7/weather/now?location=${id}&key=${key_w}`
let res2 = await fetch(httpUrl1)
let result1 = await res2.json()
var searchWeatherfn = async function() {
// 用位置获取
let url_jw = BitDanceSite
let httpUrl = `https://geoapi.qweather.com/v2/city/lookup?location=${url_jw}&key=${key_w}`;
//获取城市的ID
// let httpUrl = `https://geoapi.qweather.com/v2/city/lookup?location=黔江区&adm=重庆&key=${key}`
let res1 = await fetch(httpUrl); // 不能res，会冲突
let result = await res1.json();
let id = result.location[0].id;
//根据城市id获取具体的天气
let httpUrl1 = `https://devapi.qweather.com/v7/weather/now?location=${id}&key=${key_w}`
let res2 = await fetch(httpUrl1);
let result1 = await res2.json();
//显示天气情况
let now = result1.now.text;
document.getElementById("weatherText").innerHTML = now;
//显示温度
let nowTemp = result1.now.temp
document.getElementById("weatherTemp").innerHTML = nowTemp + '°';
//显示图标
let svg_icon = result1.now.icon;
document.getElementById("svg_w").src = "./assets/image/weather/icons/" + svg_icon + ".svg";
//切换背景色
var bobyEI = document.body;
// var bobyEI = document.getElementById("weather")
svg_icon = parseInt(svg_icon);
if (100 <= svg_icon && svg_icon < 101) {
bobyEI.style = "background: url(./assets/image/weather/sun.webp) no-repeat; background-size: cover;"
} else if (101 <= svg_icon && svg_icon < 104) {
bobyEI.style = "background: url(./assets/image/weather/yun.webp) no-repeat; background-size: cover;"
} else if (104 <= svg_icon && svg_icon < 150) {
bobyEI.style = "background: url(./assets/image/weather/yin.webp) no-repeat; background-size: cover;"
} else if (150 <= svg_icon && svg_icon < 300) {
bobyEI.style = "background: url(./assets/image/weather/night.webp) no-repeat; background-size: cover;"
} else if (300 <= svg_icon && svg_icon < 400) {
bobyEI.style = "background: url(./assets/image/weather/yu.webp) no-repeat; background-size: cover;"
} else if (400 <= svg_icon && svg_icon < 500) {
bobyEI.style = "background: url(./assets/image/weather/xue.webp) no-repeat; background-size: cover;"
} else {
bobyEI.style = "background: url(./assets/image/weather/yun.webp) no-repeat; background-size: cover;"
}
}
console.log(result1)
console.log(result1.now)
//显示天气情况
let now = result1.now.text
document.getElementById("weatherText").innerHTML = now
//显示温度
let nowTemp = result1.now.temp
document.getElementById("weatherTemp").innerHTML = nowTemp + '°'
//显示图标
let svg_icon = result1.now.icon
document.getElementById("svg_w").src = "./assets/image/weather/icons/" + svg_icon + ".svg"
//切换背景色
var bobyEI = document.body
svg_icon = parseInt(svg_icon)
if (100 <= svg_icon && svg_icon < 101) {
bobyEI.style.backgroundImage = "url(./assets/image/weather/sun.webp)"
} else if (101 <= svg_icon && svg_icon < 104) {
bobyEI.style.backgroundImage = "url(./assets/image/weather/yun.webp)"
} else if (104 <= svg_icon && svg_icon < 150) {
bobyEI.style.backgroundImage = "url(./assets/image/weather/yin.webp)"
} else if (150 <= svg_icon && svg_icon < 300) {
bobyEI.style.backgroundImage = "url(./assets/image/weather/night.webp)"
} else if (300 <= svg_icon && svg_icon < 400) {
bobyEI.style.backgroundImage = "url(./assets/image/weather/yu.webp)"
} else if (400 <= svg_icon && svg_icon < 500) {
bobyEI.style.backgroundImage = "url(./assets/image/weather/xue.webp)"
} else {
bobyEI.style.backgroundImage = "url(./assets/image/weather/yun.webp)"
if(localStorage.getItem('weatherSiteSelet_Local')){//有缓存的时候
document.getElementById("weatherSiteSelet").value = localStorage.getItem('weatherSiteSelet_Local')
BitDanceSite = localStorage.getItem('weatherSiteSelet_Local')
searchWeatherfn()
}
}
function find_site() { //获取浏览器的经纬度
console.log("开始定位浏览器位置")
localStorage.removeItem('BitD_longitude')
localStorage.removeItem('BitD_latitude')
navigator.geolocation.getCurrentPosition(onSuccess); // 获取经纬度
function onSuccess(position) {
//经度
longitude = position.coords.longitude;
localStorage.setItem('BitD_longitude', longitude)
console.log("longitude:" + longitude)
//纬度
latitude = position.coords.latitude;
localStorage.setItem('BitD_latitude', latitude)
console.log("latitude:" + latitude)
console.log("获得浏览器经纬度而且写入localstorage end")
document.getElementById("weatherSiteSelet").onchange = function(){
localStorage.removeItem('weatherSiteSelet_Local')
let res3 = document.getElementById("weatherSiteSelet").value
localStorage.setItem('weatherSiteSelet_Local',res3)
BitDanceSite = res3
searchWeatherfn()
}
}
if (localStorage.getItem('BitD_longitude')) { //没有缓存
longitude = localStorage.getItem('BitD_longitude')
latitude = localStorage.getItem('BitD_latitude')
searchWeatherfn()
} else { // 没有缓存的时候 或者 需要更新的时候
console.log("没有找到")
find_site()
searchWeatherfn()
}
document.getElementById("weatherSite").onclick = function () {
find_site()
searchWeatherfn()
}
// //天气end
//翻译
document.getElementById("ToTans").onclick = function () {
console.log(chrome.extension.getBackgroundPage())
chrome.extension.getBackgroundPage().tranBit()
}
//翻译end
//天气end

21
packages/shell-chrome/assets/js/remove-google-ads/background_preventAdsScript.js
View File

@@ -1,6 +1,14 @@
var AdsBlockStatus = true;
// refer: https://www.it1352.com/1996113.html
chrome.webRequest.onBeforeRequest.addListener(
function (details) {
if (!AdsBlockStatus)
return { cancel: false }; // 如果没有开启此功能，不处理
if (!details || !details.initiator || !details.url)
return { cancel: false }; // 如果没有请求信息，则可能是chrome://开头的页面，不处理
let isBlock = false
|| details.initiator === "https://googleads.g.doubleclick.net"
|| details.initiator.indexOf("googleads.g.doubleclick.net") != -1
@@ -11,10 +19,23 @@ chrome.webRequest.onBeforeRequest.addListener(
|| details.url.indexOf("adservice.google.com") != -1
|| details.url.indexOf("googleads") != -1
|| details.url.indexOf("adsbygoogle") != -1
if (isBlock) // 拦截后打印到控制台显示
console.log(isBlock ? "block" : "allow", details)
return { cancel: isBlock };
},
{ urls: ["<all_urls>"] },
["blocking"]
);
// 由于上方拦截函数不可以是异步函数，所以设置变更后需要及时调用此函数
var updateAdsBlockStatus = (status) => {
AdsBlockStatus = !!status;
console.log("AdsBlock Status: ", AdsBlockStatus);
}
// 插件刚开始加载时，先读取一次状态
chrome.storage.sync.get('State_AdsBlock', function (State) {
updateAdsBlockStatus(State.State_AdsBlock);
});

7
packages/shell-chrome/assets/js/translate/background.js Normal file
View File

@@ -0,0 +1,7 @@
// 翻译功能
function showTranslationWindow() {
chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
chrome.tabs.executeScript(tabs[0].id, { file: './assets/js/translate/tran.js', runAt: 'document_start' })
chrome.tabs.insertCSS(tabs[0].id, { file: './assets/css/tran.css', runAt: 'document_start' })
})
}

66
packages/shell-chrome/assets/js/translate/tran.js
View File

@@ -5,33 +5,44 @@ if (typeof (BitTarnsDiv) !== "undefined") {
var BitTarnsDiv = document.createElement("div")
BitTarnsDiv.id = "BitTarnsDivId"
document.body.appendChild(BitTarnsDiv)
BitTarnsDiv.style.backgroundColor = "red"
BitTarnsDiv.style.height = "450px"
BitTarnsDiv.style.backgroundColor = "RGB(238,237,237)"
BitTarnsDiv.style.height = "550px"
BitTarnsDiv.style.width = "300px"
BitTarnsDiv.style.zIndex = 99999
BitTarnsDiv.style.position = "fixed"
BitTarnsDiv.style.right = '10px'
BitTarnsDiv.style.top = '50px'
BitTarnsDiv.style.float = 'right'
BitTarnsDiv.style.border = '2px solid RGB(238,237,237)'
BitTarnsDiv.style.borderRadius = '25px'
BitTarnsDiv.innerHTML = `
<div id = 'trans'>
<select id="inputLangSelect">
<option value="auto">自动检测语言</option>
<option value="zh">简体中文</option>
<option value="en">English</option>
</select>
<select id="outLangSelect">
<option value="zh">简体中文</option>
<option value="en">English</option>
</select>
<button id="deleteTrans">关闭</button>
<input type="text" id="inputLang" value="" placeholder="请输入翻译内容" >
<br>
自动检测语言：<p id="LangType"></p><button id="tranbtn">翻译</button>
<hr>
<p id="outPutRes"></p>
<div id='trans'>
<div id="trans_header">
学生助手--翻译小帮手
<button id="deleteTrans">X</button>
</div>
<select id="inputLangSelect" class="LangSelectCss">
<option class="LangSelectCssOption" value="auto">自动检测语言</option>
<option class="LangSelectCssOption" value="zh">简体中文</option>
<option class="LangSelectCssOption" value="en">English</option>
</select>
=>
<select id="outLangSelect" class="LangSelectCss">
<option class="LangSelectCssOption" value="zh">简体中文</option>
<option class="LangSelectCssOption" value="en">English</option>
</select>
<textarea cols="39" rows="15" id="inputLang" placeholder="请输入翻译内容"></textarea>
<br>
<div id="middleTans">
自动检测语言：<p id="LangType">English</p><button id="tranbtn">翻译</button>
</div>
<hr>
<div id="outPutRes"></div>
</div>
`
@@ -39,8 +50,6 @@ var from = 'auto';
var to = 'auto';
var postMsg = async function () {
from = document.getElementById("inputLangSelect").value
to = document.getElementById("outLangSelect").value
var msgq = document.getElementById("inputLang").value
// 翻译api
msgq = encodeURIComponent(msgq)
@@ -50,7 +59,6 @@ var postMsg = async function () {
let res1 = await fetch(httpUrl1)
let result1 = await res1.json()
let res2 = result1.trans_result[0].dst
document.getElementById("outPutRes").innerHTML = res2
}
@@ -63,13 +71,21 @@ var onInputChange = async function () {
let result1 = await res1.json()
let res2 = result1.data.src
if (res2 == 'en') {
document.getElementById("LangType").innerHTML = '英文'
document.getElementById("LangType").innerHTML = 'English'
from = 'en';
to = 'zh';
postMsg()
} else if (res2 == 'zh') {
document.getElementById("LangType").innerHTML = '简体中文'
from = 'zh';
to = 'en';
postMsg()
} else {
document.getElementById("LangType").innerHTML = res
document.getElementById("LangType").innerHTML = res2
to = 'zh';
postMsg()
}
postMsg()
}
//触发识别语言，再翻译
@@ -78,6 +94,8 @@ document.getElementById("inputLang").onchange = function () {
}
//直接翻译
document.getElementById("tranbtn").onclick = function () {
from = document.getElementById("inputLangSelect").value
to = document.getElementById("outLangSelect").value
postMsg()
}
//关闭翻译模块