dev-go
dev-go copied to clipboard
🤖 一个专属于开发者的超级无敌浏览器扩展插件。(A super unbeatable browser extension plugin for developers.)💪
DevGo
这个项目包含一些提升效率的工具。用来在浏览器中帮助我们完成一些繁杂或者重复的工作,或者提升我们使用浏览器的阅读体验。
下载插件:👉🏻 Chrome 应用商店的链接
使用文档:👉🏻 DevGo 使用文档
贡献者们
Contributors 是 DevGo 的未来。
所有功能
Done
- [x] 翻译
- [x] 优化浏览器中自带的翻译页面
- [x] 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 文本后常常后面附带一些版权信息等,很烦,清除了网站对用户行为进行了限制(比如右击菜单,选择文本,拷贝,剪切,键盘鼠标事件等)

开发
运行
首先,运行服务:
npm run dev
# or
pnpm dev
打开浏览器并加载适当的开发构建。例如,如果你正在为 chrome 浏览器开发,使用 manifest v3,使用:build/chrome-mv3-dev
。
你可以通过修改 popup.tsx
开始编辑弹出窗口。它应该在您进行更改时自动更新。要添加选项页面,只需添加一个 options.tsx
文件到项目的根,并导出一个默认的 react 组件。同样,要添加内容页,请添加 content.ts
文件到项目根目录,导入一些模块并执行一些逻辑,然后在浏览器上重新加载扩展。
进一步指导 👉🏻plasmo docs
打包成 crx 文件
运行以下:
npm run build
# or
pnpm build
这将为您的扩展创建一个生产包,准备压缩并发布到商店。
提交到网上商店
部署 plasmo 扩展最简单的方法是使用内置的bpp GitHub action 。但是,在使用此操作之前,请确保构建您的扩展并将第一个版本上传到存储中以建立基本凭证。然后,只需遵循 此设置说明,您就可以自动提交了!
赞赏
只需要点一个 Star⭐️ 支持我们~
🌸Let's enjoy it!