Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fedtop/dev-go
🤖 一个专属于开发者的超级无敌浏览器扩展插件。(A super unbeatable browser extension plugin for developers.)💪
https://github.com/fedtop/dev-go
chrome-extension javascript translation translator
Last synced: 12 days ago
JSON representation
🤖 一个专属于开发者的超级无敌浏览器扩展插件。(A super unbeatable browser extension plugin for developers.)💪
- Host: GitHub
- URL: https://github.com/fedtop/dev-go
- Owner: fedtop
- Created: 2022-10-26T20:25:31.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-24T10:47:13.000Z (12 months ago)
- Last Synced: 2024-08-01T19:34:45.216Z (3 months ago)
- Topics: chrome-extension, javascript, translation, translator
- Language: TypeScript
- Homepage: https://fedtop.github.io/dev-go-docs
- Size: 819 KB
- Stars: 106
- Watchers: 4
- Forks: 17
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# DevGo
这个项目包含一些提升效率的工具。用来在浏览器中帮助我们完成一些繁杂或者重复的工作,或者提升我们使用浏览器的阅读体验。
下载插件:👉🏻 [Chrome 应用商店的链接](https://chrome.google.com/webstore/detail/devgo/kcofdbjhicjdbmldlcffcijglkifnnjn)
使用文档:👉🏻 [DevGo 使用文档](https://fedtop.github.io/dev-go-docs)
## 贡献者们
[Contributors](https://github.com/wangrongding/dev-go/graphs/contributors) 是 DevGo 的未来。
## 所有功能
### Done
- [x] [翻译](#翻译)
- [x] [优化浏览器中自带的翻译页面](#优化浏览器中自带的翻译页面)
- [x] [github 添加在线编辑按钮](#github添加在线编辑按钮)
- [x] [去除外链跳转的提示](#去除外链跳转的提示)
- [x] [去除外链跳转的提示](#去除外链跳转的提示)
- [x] [清除用户事件的限制](#清除用户事件的限制)### Todo
- [ ] P2P 传输文件 -(wip)
- [ ] 保存页面为 PDF
- [ ] 保存页面为 MarkDown
- [ ] 浏览器代理
- [ ] 图片处理工具
- [ ] Json 格式化
- [ ] 视频解析
- [ ] Mock 数据
- [ ] 番茄钟
- [ ] 代办事项提醒
- [ ] github 回到顶部欢迎提 Issue 和 PR。共同完善这个插件集合。
## 功能介绍
### 翻译
查单词短句,可以通过快捷键 `Alt+Q`/`Option+Q` 或者点击插件图标打开该窗口。
翻译页面-通过中英文对照的形式阅读,在快速阅读页面的同时,也很好的解决了目前市面上翻译软件对专业词汇翻译不准确的问题。
可以通过快捷键 `Ctrl+Shift+E`/`Command+Shift+E` 快速翻译当前页面。
划词翻译、右键菜单翻译,这两天加上
### 优化浏览器中自带的翻译页面
所有站点过滤掉代码块等不需要翻译的元素,为 github 定制化过滤了不需要翻译的元素
优化浏览器中自带的翻译,标记了一些不该被翻译的元素(比如代码块,github 中一些导航),让浏览器自带的翻译在翻译页面时跳过被标记的标签。
### github 添加在线编辑按钮
github 添加在线编辑按钮并且可以使用快捷键 ","直接进入。 方便快速使用 `1s` 查看代码,(为什么?因为 1s 比 通过 github 页面中快捷键"句号"调出的 github.dev 要快)。
### 去除外链跳转的提示
每次在知乎,掘金,简书...中打开外链,都有一个跳转提示,需要手动点击确定才能跳转,很难受,这里捕获后直接重定向到目标链接。
### 清除用户事件的限制
在一些网站中 copy 文本后常常后面附带一些版权信息等,很烦,清除了网站对用户行为进行了限制(比如右击菜单,选择文本,拷贝,剪切,键盘鼠标事件等)
## 开发
### 运行
首先,运行服务:
```bash
npm run dev
# or
pnpm dev
```打开浏览器并加载适当的开发构建。例如,如果你正在为 chrome 浏览器开发,使用 manifest v3,使用:`build/chrome-mv3-dev`。
![](https://assets.fedtop.com/picbed/202210270156535.png)
你可以通过修改 `popup.tsx` 开始编辑弹出窗口。它应该在您进行更改时自动更新。要添加选项页面,只需添加一个 `options.tsx` 文件到项目的根,并导出一个默认的 react 组件。同样,要添加内容页,请添加 `content.ts` 文件到项目根目录,导入一些模块并执行一些逻辑,然后在浏览器上重新加载扩展。
进一步指导 👉🏻[plasmo docs](https://docs.plasmo.com/)
### 打包成 crx 文件
运行以下:
```sh
npm run build
# or
pnpm build
```这将为您的扩展创建一个生产包,准备压缩并发布到商店。
### 提交到网上商店
部署 plasmo 扩展最简单的方法是使用内置的[bpp](https://bpp.browser.market) GitHub action 。但是,在使用此操作之前,请确保构建您的扩展并将第一个版本上传到存储中以建立基本凭证。然后,只需遵循 [此设置说明](https://docs.plasmo.com/workflows/submit),您就可以自动提交了!
## 赞赏
只需要点一个 Star⭐️ 支持我们~
🌸Let's enjoy it!