Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.)💪

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!