Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/trouvaille2023/chrome-extension-vite
基于Vite+Vue3开发的一个浏览器插件
https://github.com/trouvaille2023/chrome-extension-vite
Last synced: 5 days ago
JSON representation
基于Vite+Vue3开发的一个浏览器插件
- Host: GitHub
- URL: https://github.com/trouvaille2023/chrome-extension-vite
- Owner: trouvaille2023
- License: mit
- Created: 2022-07-20T02:03:56.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-15T13:47:18.000Z (8 months ago)
- Last Synced: 2024-08-02T18:41:17.342Z (3 months ago)
- Language: Vue
- Size: 3.62 MB
- Stars: 9
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### 仓库地址
源库：[https://github.com/trouvaille2023/chrome-extension-vite](https://github.com/trouvaille2023/echarts-image-server.git)
国内镜像库 https://gitee.com/mr-jinhui/chrome-extension-vite (备注：由于仓库同步时无法同步release，请使用国内镜像库的用户自行从代码中的zips目录下载已编译好的最新版本的插件。)
### 计划的功能列表
- 替换默认的浏览器新标签页
- 百度搜索引擎
- 谷歌搜索引擎
- 接管书签栏
- 指定网址加边框和标记[✅]
- 边框和标记颜色需要能自行选择[✅]
- 标记文本需要能自行修改[✅]
- 网址需不需要自动填充用户名和密码[✅]
- 给页面注入 JSON 序列化打印方法[✅]
- 其它实用功能
- 自动展开csdn博客页面折叠的代码[✅]
- 自动点击知乎页面弹出的登录框的关闭按钮[✅]
### 已有功能：
1、里面有一个方法叫`cj`，你可以用它打印`json`对象看看
例如：
```javascript
let obj = [
{
key: 0,
name: "John Brown",
age: "32",
address: "New York No. 1 Lake Park",
},
{
key: 1,
name: "Jim Green",
age: "42",
address: "London No. 1 Lake Park",
},
{
key: 2,
name: "Joe Black",
age: "32",
address: "Sidney No. 1 Lake Park",
},
];
cj(obj);
console.log(obj);
```
2、给某些你看不顺眼的网站加个边框，并打一个标记，以后当你每次都打开这个网站时，都会显示这个标记
开发过程中，你可以很容易地区分是在生产环境还是在开发环境，或者是是在测试环境，由你来定咯
3、你一定遇到过没有登录 CSDN 时，想复制代码片段却无法复制，你可能会抓狂。。。
别急，我能搞定 🤔🤔🤔🤔🤔🤔
### 用什么开发的
很简单，就一句话：Vite + Vue3 + Typescript + Naive-Ui
### 什么？你还想加自己的功能？？安排 👉👉👉👉
```shell
git clone https://github.com/1163895390wjh/chrome-extension-vite.git
#或者国内源
git clone https://gitee.com/mr-jinhui/chrome-extension-vite.git
npm install -g pnpm
pnpm install
# 开发调试
npm run dev
# 生产编译
npm run build
# 以上两条命令都会生成编译文件，在output目录下
# zips目录下都是已经编译好的文件
```
安装：
- 打开 Chrome 浏览器-->访问`chrome://extensions/`--->启用开发者模式--->加载已解压的扩展程序--->选择`output`目录--->选择
- 回到浏览器，右上角单击插件图标，进入设置页面可自行设置