扩展MV3；Double S 快捷搜索功能完善；README完成
This commit is contained in:
commit
0620de4fa7
21
LICENSE
Normal file
21
LICENSE
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2023 程序员小墨
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
111
README.md
Normal file
111
README.md
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
<div align="center" style="text-align: center;">
|
||||||
|
<img src="resources/image/logo.png" width="128" style="width: 128px;">
|
||||||
|
<p>
|
||||||
|
<b>
|
||||||
|
<span style="font-size: 20px;">小墨助手 - 一个Chrome浏览器扩展</span>
|
||||||
|
<br>
|
||||||
|
<span style="font-size: 15px;"><i>Xiaomo Assistant</i> - a Chrome extension</span>
|
||||||
|
</b>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
> ⚠️目前项目只有基础功能，建议过段时间再来逛逛嗷~
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 简介 Overview
|
||||||
|
|
||||||
|
小墨助手是一个Chrome浏览器扩展，针对Chrome内核浏览器用户，旨在提高资料检索及浏览器日常使用时的便捷性及高效性。
|
||||||
|
|
||||||
|
*Xiaomo Assistant* is a Chrome browser extension for Chrome kernel browser users, designed to improve the convenience and efficiency of data retrieval and daily use of the browser.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 功能 Extension Features
|
||||||
|
|
||||||
|
小墨助手主要有以下功能：
|
||||||
|
|
||||||
|
*Xiaomo Assistant* mainly has the following functions:
|
||||||
|
|
||||||
|
| 功能 features | 简介 introduction |
|
||||||
|
| -------------------------------------------------------- | ------------------------------------------------------------ |
|
||||||
|
| Double S 快捷搜索<br />Double S quick search | 在浏览器搜索框输入 `ss` 然后按下空格或回车键，即可进入快捷搜索功能<br />接下来可以按照提示进行输入，然后按回车即可<br />Enter `ss` in the omnibox and then press the space or enter key to access the feature.<br /> You can then type as prompted and press Enter. |
|
||||||
|
| Google 广告屏蔽<br />Google AD blocking | 暂无简介<br />No introduction yet |
|
||||||
|
| 阅读全文自动展开<br />Expand the full text automatically | 暂无简介<br />No introduction yet |
|
||||||
|
| 确认页直接跳转<br />Confirm page redirection | 暂无简介<br />No introduction yet |
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 浏览器支持 Browser support
|
||||||
|
|
||||||
|
| 浏览器 | 支持情况 |
|
||||||
|
| --------------- | ----------- |
|
||||||
|
| Google Chrome | ✔️(107.0.0+) |
|
||||||
|
| Microsoft Edge | ✔️(107.0.0+) |
|
||||||
|
| Mozilla Firefox | ❌ |
|
||||||
|
|
||||||
|
>**为何不支持Firefox?**
|
||||||
|
>
|
||||||
|
>因为Firefox采用的浏览器内核与Chrome、Edge等浏览器不同，所以暂时不支持。
|
||||||
|
>
|
||||||
|
>**Why not support firefox?**
|
||||||
|
>
|
||||||
|
>Cuz Firefox uses a different browser kernel than Chrome, Edge and other browsers
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 快速上手 Quick Start
|
||||||
|
|
||||||
|
> 下面以Chrome浏览器为例说明，其他浏览器大同小异。
|
||||||
|
>
|
||||||
|
> The following uses Chrome as an example. Other browsers are similar.
|
||||||
|
|
||||||
|
第一步 下载扩展压缩包并解压：**【下载地址暂未更新】**
|
||||||
|
|
||||||
|
Step 1 Download and extracted the extension package: **[Download link hasn't been updated yet]**
|
||||||
|
|
||||||
|
第二步 打开您的Chrome浏览器并访问`chrome://extensions/`
|
||||||
|
|
||||||
|
Step 2 Open your Chrome browser and access `chrome://extensions/`
|
||||||
|
|
||||||
|
> 请确保你已经安装了谷歌浏览器。如果没有安装，[点击此处下载](https://www.google.com/intl/zh-CN/chrome/)
|
||||||
|
>
|
||||||
|
> Please make sure you have Google Chrome installed. If not, [click here](https://www.google.com/intl/en-US/chrome/) to download.
|
||||||
|
|
||||||
|
第三步 打开开发者模式
|
||||||
|
|
||||||
|
Step 3 Open Developer mode.
|
||||||
|
|
||||||
|
第四步 点击“加载已解压的扩展程序”按钮
|
||||||
|
|
||||||
|
Step 4 Click "Load unzipped Extension" button.
|
||||||
|
|
||||||
|
第五步 选择刚刚解压出的文件夹即可完成安装
|
||||||
|
|
||||||
|
Step 5 Select the folder we've just extracted to complete the installation.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 作者 Authors
|
||||||
|
|
||||||
|
[程序员小墨](https://github.com/coder-xiaomo)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 关于 About
|
||||||
|
|
||||||
|
### 本项目的前身 Predecessor of the project
|
||||||
|
|
||||||
|
> This is a brief introduction to the project's predecessor, which is currently not translated into English
|
||||||
|
|
||||||
|
本项目的前身是：[学生助手](https://github.com/bitdance-team/chrome-extension)，该项目由[BitDance Team](https://github.com/bitdance-team)(学生团队)开发，是参加第二届青训营的结营项目，获得[第二届青训营最佳创意奖](https://mp.weixin.qq.com/s/6ky6cAiCLjXFhedaMJtxtg)。（团队成员及详细信息可以点击链接查看）
|
||||||
|
|
||||||
|
[我](https://github.com/coder-xiaomo)作为团队队长，一直在思考如何让这个浏览器扩展真正成为一个能够使用的工具。考虑到原有项目功能比较杂乱，所以决定重新整理整个项目，删繁就简，打磨核心功能。目前重新整理了整个项目的代码框架和结构，删除了实际意义不大的部分功能，将扩展manifest更新至MV3并调整了部分代码。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 许可证 License
|
||||||
|
|
||||||
|
本项目使用MIT许可证授权。请参阅[LICENSE](./LICENSE)文件获取完整许可证文本。
|
||||||
|
|
||||||
|
This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for the full license text.
|
||||||
68
background.js
Normal file
68
background.js
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
// refer: https://developer.chrome.com/docs/extensions/mv3/service_workers/#manifest
|
||||||
|
console.clear()
|
||||||
|
console.log("[小墨助手]", "Service Worker init success.")
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 右键菜单
|
||||||
|
*/
|
||||||
|
chrome.contextMenus.create({
|
||||||
|
id: 'bitdance',
|
||||||
|
title: '小墨助手'
|
||||||
|
})
|
||||||
|
|
||||||
|
chrome.contextMenus.create({
|
||||||
|
id: 'bitdance-advanced-search',
|
||||||
|
title: '高级搜索',
|
||||||
|
parentId: 'bitdance',
|
||||||
|
// onclick: function (info) {
|
||||||
|
// }
|
||||||
|
})
|
||||||
|
chrome.contextMenus.onClicked.addListener(function (info) {
|
||||||
|
console.log('当前菜单信息:' + JSON.stringify(info))
|
||||||
|
console.log("[小墨助手]", "高级搜索 已点击菜单")
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
// Events must be registered synchronously from the start of the page.
|
||||||
|
chrome.runtime.onInstalled.addListener(() => {
|
||||||
|
console.log("[小墨助手]", "chrome.runtime.onInstalled.")
|
||||||
|
chrome.contextMenus.create({
|
||||||
|
"id": "sampleContextMenu",
|
||||||
|
"title": "Sample Context Menu",
|
||||||
|
"contexts": ["selection"]
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
//
|
||||||
|
chrome.commands.onCommand.addListener((command) => {
|
||||||
|
console.log("[小墨助手]", `Command: ${command}`);
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 书签
|
||||||
|
*/
|
||||||
|
// This will run when a bookmark is created.
|
||||||
|
chrome.bookmarks.onCreated.addListener(() => {
|
||||||
|
// do something
|
||||||
|
console.log("[小墨助手]", "chrome.bookmarks.onCreated.")
|
||||||
|
});
|
||||||
|
|
||||||
|
// chrome.runtime.onMessage.addListener((message, sender, reply) => {
|
||||||
|
// chrome.runtime.onMessage.removeListener(event);
|
||||||
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const filter = {
|
||||||
|
url: [
|
||||||
|
{
|
||||||
|
urlMatches: 'https://www.baidu.com/.*?',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
|
||||||
|
chrome.webNavigation.onCompleted.addListener((details) => {
|
||||||
|
console.info("[小墨助手]", "The user has loaded my favorite website!", details);
|
||||||
|
}, filter);
|
||||||
|
|
||||||
|
importScripts("./scripts/advanced-search/background.js");
|
||||||
232
generate-manifest.js
Normal file
232
generate-manifest.js
Normal file
@ -0,0 +1,232 @@
|
|||||||
|
const path = require("path")
|
||||||
|
const fs = require("fs")
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* manifest 修改之后记得执行下面这条命令重新 generate
|
||||||
|
* node generate-manifest.js
|
||||||
|
*
|
||||||
|
* 或者使用这条命令监控文件变化
|
||||||
|
* nodemon generate-manifest.js
|
||||||
|
*/
|
||||||
|
// Manifest file format: https://developer.chrome.com/docs/extensions/mv3/manifest/
|
||||||
|
var manifest = {
|
||||||
|
/**
|
||||||
|
* Required
|
||||||
|
*/
|
||||||
|
"manifest_version": 3,
|
||||||
|
"name": "小墨助手",
|
||||||
|
"version": "1.0.0",
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Recommended
|
||||||
|
*/
|
||||||
|
"action": {
|
||||||
|
// 浏览器右上角插件logo
|
||||||
|
"default_icon": { // optional
|
||||||
|
"16": "resources/image/logo.png",
|
||||||
|
"24": "resources/image/logo.png",
|
||||||
|
"32": "resources/image/logo.png"
|
||||||
|
},
|
||||||
|
// 浏览器右上角logo 鼠标悬浮显示文字
|
||||||
|
"default_title": "点击打开小墨助手 配置页面", // optional, shown in tooltip
|
||||||
|
"default_popup": "html/popup.html" // optional
|
||||||
|
},
|
||||||
|
|
||||||
|
// "default_locale": "zh",
|
||||||
|
// 如果需要配置default_locale，那么需要创建_locales/zh/messages.json，内容框架如下
|
||||||
|
// { "keyName": { "message": "msg", "description": "desc" } }
|
||||||
|
|
||||||
|
"description": "便捷，易用的浏览器小助手",
|
||||||
|
|
||||||
|
"icons": { // 插件配置页面图标
|
||||||
|
"16": "resources/image/logo.png",
|
||||||
|
"32": "resources/image/logo.png",
|
||||||
|
"48": "resources/image/logo.png",
|
||||||
|
"128": "resources/image/logo.png"
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Optional
|
||||||
|
*/
|
||||||
|
// "author": "developer@example.com",
|
||||||
|
|
||||||
|
// "automation": {},
|
||||||
|
|
||||||
|
"background": {
|
||||||
|
// "service_worker": "scripts/service_worker/background.js"
|
||||||
|
"service_worker": "background.js"
|
||||||
|
},
|
||||||
|
|
||||||
|
// "chrome_settings_overrides": {},
|
||||||
|
|
||||||
|
"chrome_url_overrides": {},
|
||||||
|
|
||||||
|
"commands": {
|
||||||
|
// 最多可以设置 4 个快捷键，必须包含 Ctrl 或 Alt
|
||||||
|
// refer: https://developer.chrome.com/docs/extensions/reference/commands/
|
||||||
|
// 查看: chrome://extensions/shortcuts
|
||||||
|
"_execute_action": {
|
||||||
|
"suggested_key": {
|
||||||
|
"default": "Alt+Comma",
|
||||||
|
// "windows": "Alt+Comma",
|
||||||
|
// "mac": "Alt+Comma",
|
||||||
|
// "chromeos": "Alt+Comma",
|
||||||
|
// "linux": "Alt+Comma"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"toggle-feature-foo": {
|
||||||
|
"suggested_key": {
|
||||||
|
"default": "Ctrl+Shift+U",
|
||||||
|
"mac": "Command+Shift+U"
|
||||||
|
},
|
||||||
|
"description": "Toggle feature foo",
|
||||||
|
"global": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
"content_scripts": [
|
||||||
|
{
|
||||||
|
"matches": [
|
||||||
|
"<all_urls>",
|
||||||
|
"*://*/*"
|
||||||
|
],
|
||||||
|
"js": [
|
||||||
|
// "assets/js/lib/jquery.min.js",
|
||||||
|
// "assets/js/content.js",
|
||||||
|
// "assets/js/direct-url/url.js",
|
||||||
|
"scripts/advanced-search/content.js"
|
||||||
|
],
|
||||||
|
"css": [],
|
||||||
|
"run_at": "document_start"
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// // 屏蔽Google广告模块
|
||||||
|
// "matches": [
|
||||||
|
// "*://*/*"
|
||||||
|
// ],
|
||||||
|
// "js": [
|
||||||
|
// // "assets/js/remove-google-ads/removeAds.js"
|
||||||
|
// ],
|
||||||
|
// "run_at": "document_start"
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// // 自动展开模块
|
||||||
|
// "matches": [
|
||||||
|
// "*://blog.csdn.net/*",
|
||||||
|
// "*://www.it1352.com/*"
|
||||||
|
// ],
|
||||||
|
// "js": [
|
||||||
|
// // "assets/js/lib/jquery.min.js",
|
||||||
|
// // "assets/js/expand-full-text/expand.js"
|
||||||
|
// ],
|
||||||
|
// "run_at": "document_start"
|
||||||
|
// },
|
||||||
|
{
|
||||||
|
// 自动搜索模块
|
||||||
|
"matches": [
|
||||||
|
"*://fanyi.qq.com/*",
|
||||||
|
"*://baike.baidu.com/*",
|
||||||
|
"*://fanyi.youdao.com/*",
|
||||||
|
"*://www.cnki.net/*",
|
||||||
|
"*://qikan.cqvip.com/*",
|
||||||
|
"*://lib.cqvip.com/*"
|
||||||
|
],
|
||||||
|
"js": [
|
||||||
|
"scripts/advanced-search/content-helper.js"
|
||||||
|
],
|
||||||
|
"run_at": "document_start"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
|
||||||
|
"content_security_policy": {},
|
||||||
|
|
||||||
|
"cross_origin_embedder_policy": {},
|
||||||
|
|
||||||
|
"cross_origin_opener_policy": {},
|
||||||
|
|
||||||
|
// "declarative_net_request": {},
|
||||||
|
|
||||||
|
// "devtools_page": "devtools.html",
|
||||||
|
|
||||||
|
"event_rules": [],
|
||||||
|
|
||||||
|
// "export": {},
|
||||||
|
|
||||||
|
// "externally_connectable": {},
|
||||||
|
|
||||||
|
"file_browser_handlers": [],
|
||||||
|
|
||||||
|
"file_system_provider_capabilities": {},
|
||||||
|
|
||||||
|
// "homepage_url": "https://path/to/homepage", // 主页待配置
|
||||||
|
|
||||||
|
"host_permissions": [],
|
||||||
|
|
||||||
|
// "import": [],
|
||||||
|
|
||||||
|
"incognito": "spanning", // spanning, split, or not_allowed
|
||||||
|
|
||||||
|
"input_components": [],
|
||||||
|
|
||||||
|
// "key": "publicKey",
|
||||||
|
|
||||||
|
"minimum_chrome_version": "107",
|
||||||
|
|
||||||
|
// "nacl_modules": [],
|
||||||
|
|
||||||
|
// "oauth2": {},
|
||||||
|
|
||||||
|
"omnibox": {
|
||||||
|
"keyword": "ss"
|
||||||
|
},
|
||||||
|
|
||||||
|
"optional_host_permissions": [],
|
||||||
|
|
||||||
|
"optional_permissions": [],
|
||||||
|
|
||||||
|
"options_page": "html/options.html",
|
||||||
|
|
||||||
|
"options_ui": {},
|
||||||
|
|
||||||
|
"permissions": [
|
||||||
|
//
|
||||||
|
"commands",
|
||||||
|
// 浏览器书签
|
||||||
|
"bookmarks",
|
||||||
|
// 右键菜单
|
||||||
|
"contextMenus",
|
||||||
|
"storage",
|
||||||
|
"webNavigation"
|
||||||
|
],
|
||||||
|
|
||||||
|
// "replacement_web_app": "https://example.com", // 待配置
|
||||||
|
|
||||||
|
"requirements": {},
|
||||||
|
|
||||||
|
"sandbox": {},
|
||||||
|
|
||||||
|
// "short_name": "Short Name",
|
||||||
|
|
||||||
|
"storage": {},
|
||||||
|
|
||||||
|
"tts_engine": {},
|
||||||
|
|
||||||
|
// "update_url": "https://path/to/updateInfo.xml",
|
||||||
|
|
||||||
|
"version_name": "1.0 beta", // 插件配置页面显示版本
|
||||||
|
|
||||||
|
"web_accessible_resources": []
|
||||||
|
}
|
||||||
|
|
||||||
|
function save(beautify = false) {
|
||||||
|
if (beautify) {
|
||||||
|
fs.writeFileSync(path.join(__dirname, "./manifest.json"), JSON.stringify(manifest, null, 4))
|
||||||
|
} else {
|
||||||
|
fs.writeFileSync(path.join(__dirname, "./manifest.json"), JSON.stringify(manifest))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
save()
|
||||||
1
html/assets/css/global.css
Normal file
1
html/assets/css/global.css
Normal file
@ -0,0 +1 @@
|
|||||||
|
*{margin:0;padding:0}li{list-style:none}a{text-decoration:none}body{background:#a6c1ee}
|
||||||
17
html/assets/css/global.less
Normal file
17
html/assets/css/global.less
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
// 全局样式
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: #a6c1ee;
|
||||||
|
}
|
||||||
1
html/assets/css/popup.css
Normal file
1
html/assets/css/popup.css
Normal file
@ -0,0 +1 @@
|
|||||||
|
#popup{min-height:420px;width:300px;margin:12px 5px;user-select:none}#popup .control-panel .btn{width:81px;height:32px;color:#fff;cursor:pointer;background-color:#5ca3ef;border:none;border-radius:4px}#popup .control-panel .btn:hover{background-color:#6fc6ff}#popup .control-panel .btn:active{transform:translate(0, 1px);box-shadow:0px 1px 0px 0px}#popup .setting{width:100%;margin-top:12px}#popup .setting ul li{margin:7px 0;height:44px;border-radius:25px;background:#ffffffc9;padding:0}#popup .setting ul li .setting-item{padding-left:18px;padding-right:2px}#popup .setting ul li .setting-item span{font-size:14px;line-height:44px}#popup .setting ul li .setting-item .button{position:relative;float:right;top:6px;right:6px;width:66px;height:32px;border-radius:100px}#popup .setting ul li .setting-item .button .checkbox{position:relative;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}#popup .setting ul li .setting-item .button .knobs,#popup .setting ul li .setting-item .button .layer{position:absolute;top:0;right:0;bottom:0;left:0}#popup .setting ul li .setting-item .button .knobs{z-index:2}#popup .setting ul li .setting-item .button .layer{border-radius:100px;width:100%;background-color:#ebf7fc;z-index:1}#popup .setting ul li .setting-item .button .knobs::before{content:"YES";position:absolute;top:2px;left:34px;width:20px;height:10px;color:#fff;font-size:10px;font-weight:bold;text-align:center;line-height:1;padding:9px 4px;background-color:#03a9f4;border-radius:50%}#popup .setting ul li .setting-item .button .checkbox:checked+.knobs:before{content:"NO";left:3px;background-color:#f44336}#popup .setting ul li .setting-item .button .checkbox:checked~.layer{background-color:#fcebeb}#popup .setting ul li .setting-item .button .knobs,#popup .setting ul li .setting-item .button .knobs:before,#popup .setting ul li .setting-item .button .layer{transition:.3s ease all}
|
||||||
111
html/assets/css/popup.less
Normal file
111
html/assets/css/popup.less
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
#popup {
|
||||||
|
min-height: 420px;
|
||||||
|
width: 300px;
|
||||||
|
margin: 12px 5px;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
|
.control-panel {
|
||||||
|
.btn {
|
||||||
|
width: 81px;
|
||||||
|
height: 32px;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: #5ca3ef;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #6fc6ff;
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
transform: translate(0px, 1px);
|
||||||
|
box-shadow: 0px 1px 0px 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.setting {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 12px;
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
margin: 7px 0;
|
||||||
|
height: 44px;
|
||||||
|
border-radius: 25px;
|
||||||
|
background: #ffffffc9;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
.setting-item {
|
||||||
|
padding-left: 18px;
|
||||||
|
padding-right: 2px;
|
||||||
|
span {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 44px;
|
||||||
|
}
|
||||||
|
.button {
|
||||||
|
position: relative;
|
||||||
|
float: right;
|
||||||
|
top: 6px;
|
||||||
|
right: 6px;
|
||||||
|
width: 66px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 100px;
|
||||||
|
.checkbox {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
opacity: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
.knobs,
|
||||||
|
.layer {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.knobs {
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.layer {
|
||||||
|
border-radius: 100px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #ebf7fc;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.knobs::before {
|
||||||
|
content: "YES";
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
left: 34px;
|
||||||
|
width: 20px;
|
||||||
|
height: 10px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1;
|
||||||
|
padding: 9px 4px;
|
||||||
|
background-color: #03a9f4;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.checkbox:checked + .knobs:before {
|
||||||
|
content: "NO";
|
||||||
|
left: 3px;
|
||||||
|
background-color: #f44336;
|
||||||
|
}
|
||||||
|
.checkbox:checked ~ .layer {
|
||||||
|
background-color: #fcebeb;
|
||||||
|
}
|
||||||
|
.knobs,
|
||||||
|
.knobs:before,
|
||||||
|
.layer {
|
||||||
|
transition: 0.3s ease all;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
108
html/assets/js/popup.js
Normal file
108
html/assets/js/popup.js
Normal file
@ -0,0 +1,108 @@
|
|||||||
|
$(function() {
|
||||||
|
/**
|
||||||
|
* Direct Url
|
||||||
|
*/
|
||||||
|
const btnDirectUrl = document.querySelector("#btnDirectUrl");
|
||||||
|
// 页面加载时，更新界面开关状态
|
||||||
|
chrome.storage.sync.get("State_DirectUrl", ({ State_DirectUrl }) => {
|
||||||
|
btnDirectUrl.checked = !State_DirectUrl;
|
||||||
|
});
|
||||||
|
|
||||||
|
// 点击开关时存储按钮状态并刷新页面
|
||||||
|
btnDirectUrl.addEventListener("change", () => {
|
||||||
|
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');
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Double S 快捷搜索
|
||||||
|
*/
|
||||||
|
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');
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
// ****************************************************************************************************************
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 判断是否是浏览器设置页面
|
||||||
|
* 即是否是 chrome:// 或 edge:// 开头的链接
|
||||||
|
* @param {} url
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
function isBrowserSettingPage({url, action, showSorryInfo = true }) {
|
||||||
|
var protocol, isSettingPage = true;
|
||||||
|
if(/^chrome:\/\/.*$/.test(url)) {
|
||||||
|
protocol = "chrome://"
|
||||||
|
} else if(/^edge:\/\/.*$/.test(url)) {
|
||||||
|
protocol = "edge://"
|
||||||
|
} else {
|
||||||
|
isSettingPage = false;
|
||||||
|
}
|
||||||
|
if(showSorryInfo && isSettingPage) {
|
||||||
|
alert(`十分抱歉，由于浏览器限制，“${protocol}”开头的网站不支持${action}`);
|
||||||
|
}
|
||||||
|
return isSettingPage;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 改变开关自动刷新页面
|
||||||
|
*/
|
||||||
|
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);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
5
html/assets/lib/jquery.min.js
vendored
Normal file
5
html/assets/lib/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
14
html/options.html
Normal file
14
html/options.html
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>配置 | 小墨助手</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1 style="text-align: center;">
|
||||||
|
小墨助手 配置页
|
||||||
|
</h1>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
66
html/popup.html
Normal file
66
html/popup.html
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="zh">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<title>小墨助手</title>
|
||||||
|
<link rel="stylesheet" href="assets/css/global.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/popup.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="popup">
|
||||||
|
<div class="control-panel">
|
||||||
|
<button class="btn" id="transform">翻译</button>
|
||||||
|
<button class="btn" id="btnScreenshot">截图</button>
|
||||||
|
</div>
|
||||||
|
<div class="setting">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div class="setting-item">
|
||||||
|
<span>Double S 快捷搜索</span>
|
||||||
|
<div class="button">
|
||||||
|
<input type="checkbox" id="btnSSSearch" class="checkbox" />
|
||||||
|
<div class="knobs"></div>
|
||||||
|
<div class="layer"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="setting-item">
|
||||||
|
<span>确认访问页自动跳转</span>
|
||||||
|
<div class="button">
|
||||||
|
<input type="checkbox" id="btnDirectUrl" class="checkbox" />
|
||||||
|
<div class="knobs"></div>
|
||||||
|
<div class="layer"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="setting-item">
|
||||||
|
<span>Google广告屏蔽</span>
|
||||||
|
<div class="button">
|
||||||
|
<input type="checkbox" id="btnAdsBlock" class="checkbox" />
|
||||||
|
<div class="knobs"></div>
|
||||||
|
<div class="layer"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="setting-item">
|
||||||
|
<span>阅读原文自动展开</span>
|
||||||
|
<div class="button">
|
||||||
|
<input type="checkbox" id="btnExpandFulltext" class="checkbox" />
|
||||||
|
<div class="knobs"></div>
|
||||||
|
<div class="layer"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="assets/lib/jquery.min.js"></script>
|
||||||
|
<script src="assets/js/popup.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
1
manifest.json
Normal file
1
manifest.json
Normal file
@ -0,0 +1 @@
|
|||||||
|
{"manifest_version":3,"name":"小墨助手","version":"1.0.0","action":{"default_icon":{"16":"resources/image/logo.png","24":"resources/image/logo.png","32":"resources/image/logo.png"},"default_title":"点击打开小墨助手 配置页面","default_popup":"html/popup.html"},"description":"便捷，易用的浏览器小助手","icons":{"16":"resources/image/logo.png","32":"resources/image/logo.png","48":"resources/image/logo.png","128":"resources/image/logo.png"},"background":{"service_worker":"background.js"},"chrome_url_overrides":{},"commands":{"_execute_action":{"suggested_key":{"default":"Alt+Comma"}},"toggle-feature-foo":{"suggested_key":{"default":"Ctrl+Shift+U","mac":"Command+Shift+U"},"description":"Toggle feature foo","global":true}},"content_scripts":[{"matches":["<all_urls>","*://*/*"],"js":["scripts/advanced-search/content.js"],"css":[],"run_at":"document_start"},{"matches":["*://fanyi.qq.com/*","*://baike.baidu.com/*","*://fanyi.youdao.com/*","*://www.cnki.net/*","*://qikan.cqvip.com/*","*://lib.cqvip.com/*"],"js":["scripts/advanced-search/content-helper.js"],"run_at":"document_start"}],"content_security_policy":{},"cross_origin_embedder_policy":{},"cross_origin_opener_policy":{},"event_rules":[],"file_browser_handlers":[],"file_system_provider_capabilities":{},"host_permissions":[],"incognito":"spanning","input_components":[],"minimum_chrome_version":"107","omnibox":{"keyword":"ss"},"optional_host_permissions":[],"optional_permissions":[],"options_page":"html/options.html","options_ui":{},"permissions":["commands","bookmarks","contextMenus","storage","webNavigation"],"requirements":{},"sandbox":{},"storage":{},"tts_engine":{},"version_name":"1.0 beta","web_accessible_resources":[]}
|
||||||
12
nodemon.json
Normal file
12
nodemon.json
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
{
|
||||||
|
"ignore": [
|
||||||
|
".git",
|
||||||
|
"node_modules",
|
||||||
|
".gitignore"
|
||||||
|
],
|
||||||
|
"env": {
|
||||||
|
"NODE_ENV": "development"
|
||||||
|
},
|
||||||
|
"ext": "js",
|
||||||
|
"__ext": "js,json"
|
||||||
|
}
|
||||||
BIN
resources/image/logo.png
Normal file
BIN
resources/image/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
1097
scripts/advanced-search/background.js
Normal file
1097
scripts/advanced-search/background.js
Normal file
File diff suppressed because it is too large
Load Diff
139
scripts/advanced-search/content-helper.js
Normal file
139
scripts/advanced-search/content-helper.js
Normal file
@ -0,0 +1,139 @@
|
|||||||
|
console.log("[小墨助手]", "自动搜索模块加载成功")
|
||||||
|
|
||||||
|
window.onload = () => {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 先处理不需要传入参数，只需要点击按钮的情况，然后再处理需要传入参数的情况
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* **********************************************************************************************
|
||||||
|
*
|
||||||
|
* 不需要传入参数情况
|
||||||
|
*
|
||||||
|
* **********************************************************************************************
|
||||||
|
*/
|
||||||
|
switch (window.location.host) {
|
||||||
|
|
||||||
|
case "fanyi.qq.com": // 腾讯翻译君
|
||||||
|
document.getElementsByClassName("language-translate-button")[0].click()
|
||||||
|
// $(".language-translate-button")[0].click()
|
||||||
|
clearUrlParams();
|
||||||
|
return;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* **********************************************************************************************
|
||||||
|
*
|
||||||
|
* 需要传入参数的情况
|
||||||
|
*
|
||||||
|
* **********************************************************************************************
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 定义函数
|
||||||
|
*/
|
||||||
|
// 获取 URL 参数
|
||||||
|
// refer: https://www.cnblogs.com/chen-lhx/p/5198612.html
|
||||||
|
function getUrlVar(name) {
|
||||||
|
var vars = [], hash;
|
||||||
|
let paramString = window.location.href.slice(window.location.href.indexOf('?') + 1)
|
||||||
|
if (paramString.includes("#"))
|
||||||
|
paramString = paramString.substring(0, paramString.indexOf("#"))
|
||||||
|
var hashes = paramString.split('&');
|
||||||
|
for (var i = 0; i < hashes.length; i++) {
|
||||||
|
hash = hashes[i].split('=');
|
||||||
|
vars.push(hash[0]);
|
||||||
|
vars[hash[0]] = hash[1];
|
||||||
|
}
|
||||||
|
return decodeURIComponent(vars[name] ?? "");
|
||||||
|
}
|
||||||
|
|
||||||
|
// 从URL参数中剔除指定参数
|
||||||
|
function clearUrlParams() {
|
||||||
|
// 参数获取完成后，清除页面参数
|
||||||
|
// History.replaceState() refer: https://developer.mozilla.org/zh-CN/docs/Web/API/History/replaceState
|
||||||
|
// history.replaceState({}, "", "/");
|
||||||
|
let urlParams = (location.search + "&").replace(/__xiaomo_extension__=.*?\&/, ""); // 在最后补上一个 & ，然后替换掉 __xiaomo_extension__=xxx&
|
||||||
|
urlParams = urlParams.substring(0, urlParams.length - 1); // 去掉最后一个 &
|
||||||
|
history.replaceState({}, "", location.pathname + urlParams);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 开始代码逻辑
|
||||||
|
*/
|
||||||
|
// 获取参数
|
||||||
|
let transText = getUrlVar('__xiaomo_extension__')
|
||||||
|
|
||||||
|
console.log("[小墨助手]", "transText:", transText);
|
||||||
|
|
||||||
|
// 如果没有传递参数，那么就不执行
|
||||||
|
if (!transText || transText.trim() == "" || transText == "undefined")
|
||||||
|
return
|
||||||
|
|
||||||
|
switch (window.location.host) {
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "baike.baidu.com": // 百度百科
|
||||||
|
document.getElementById("query").value = transText
|
||||||
|
document.getElementById("search").click()
|
||||||
|
// 跳转新页面，所以不需要清除页面参数
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "fanyi.youdao.com": // 有道翻译
|
||||||
|
// 插件获取不到 Vue 对象(window.$，DOM元素app的properties)，但是在控制台可以
|
||||||
|
// console.log(JSON.stringify(Object.keys(window)))
|
||||||
|
// console.log(Object.getOwnPropertyDescriptors(app))
|
||||||
|
// console.log(Object.getOwnPropertyDescriptors(document.getElementById("app")))
|
||||||
|
|
||||||
|
// let youdaoVueApp = window.app // window.app.__vue_app__.value // window.$("#app").__vue_app__
|
||||||
|
// console.log(youdaoVueApp)
|
||||||
|
|
||||||
|
// 获取输入框
|
||||||
|
let input = document.getElementById("js_fanyi_input")
|
||||||
|
// let submit = document.querySelector(".transBtn.searchBtn.red-button") // 此时页面上没有显示翻译按钮，所以获取不到
|
||||||
|
// console.log(input)
|
||||||
|
|
||||||
|
// 输入文字
|
||||||
|
input.innerHTML = transText
|
||||||
|
|
||||||
|
// 输入框要触发输入事件，才能显示出按钮
|
||||||
|
// refer: https://blog.csdn.net/weixin_54051261/article/details/125752218
|
||||||
|
input.dispatchEvent(
|
||||||
|
new Event("input", {
|
||||||
|
view: window,
|
||||||
|
bubbles: true,
|
||||||
|
cancelable: true,
|
||||||
|
})
|
||||||
|
)
|
||||||
|
|
||||||
|
// 光标挪到最后
|
||||||
|
// refer: https://blog.csdn.net/weixin_44461275/article/details/126282272
|
||||||
|
function keepLastIndex(obj) {
|
||||||
|
obj.focus(); // 解决ff不获取焦点无法定位问题
|
||||||
|
var range = window.getSelection(); // 创建range
|
||||||
|
range.selectAllChildren(obj); // range 选择obj下所有子内容
|
||||||
|
range.collapseToEnd(); // 光标移至最后
|
||||||
|
}
|
||||||
|
keepLastIndex(input)
|
||||||
|
|
||||||
|
// 最后清理URL上的参数
|
||||||
|
clearUrlParams();
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "www.cnki.net": // 中国知网
|
||||||
|
document.getElementById("txt_SearchText").value = transText
|
||||||
|
document.querySelector(".search-btn").click()
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "qikan.cqvip.com": // 维普期刊
|
||||||
|
document.getElementById("searchKeywords").value = transText
|
||||||
|
document.getElementById("btnSearch").click()
|
||||||
|
break;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log("[小墨助手]", "自动搜索模块完成搜索 [" + transText + "]");
|
||||||
|
}
|
||||||
1
scripts/advanced-search/content.js
Normal file
1
scripts/advanced-search/content.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
console.log("[小墨助手]", "高级搜索功能模块加载成功");
|
||||||
Loading…
Reference in New Issue
Block a user