149

0

DevGo

一个专属于开发者的超级无敌浏览器扩展插件

DevGo

这个项目包含一些提升效率的工具。用来在浏览器中帮助我们完成一些繁杂或者重复的工作,或者提升我们使用浏览器的阅读体验。

下载插件:👉🏻 Chrome 应用商店的链接

贡献者们

Contributors 是 DevGo 的未来。

目前已有的功能

翻译

查单词短句,可以通过快捷键 Alt+Q/Option+Q 或者点击插件图标打开该窗口。

翻译页面-通过中英文对照的形式阅读,在快速阅读页面的同时,也很好的解决了目前市面上翻译软件对专业词汇翻译不准确的问题。

可以通过快捷键 Ctrl+Shift+E/Command+Shift+E 快速翻译当前页面。

划词翻译、右键菜单翻译,这两天加上

github 添加在线编辑按钮

github 添加在线编辑按钮并且可以使用快捷键 ","直接进入。 方便快速使用 1s 查看代码,(为什么?因为 1s 比 通过 github 页面中快捷键"句号"调出的 github.dev 要快)。

优化浏览器中自带的翻译页面

所有站点过滤掉代码块等不需要翻译的元素,为 github 定制化过滤了不需要翻译的元素

优化浏览器中自带的翻译,标记了一些不该被翻译的元素(比如代码块,github 中一些导航),让浏览器自带的翻译在翻译页面时跳过被标记的标签。

去除外链跳转的提示

每次在知乎,掘金,简书...中打开外链,都有一个跳转提示,需要手动点击确定才能跳转,很难受,这里捕获后直接重定向到目标链接。

清除用户事件的限制

在一些网站中 copy 文本后常常后面附带一些版权信息等,很烦,清除了网站对用户行为进行了限制(比如右击菜单,选择文本,拷贝,剪切,键盘鼠标事件等)

将要做的功能

  • P2P 传输文件 -(wip)
  • 保存页面为 PDF
  • 保存页面为 MarkDown
  • 浏览器代理
  • 图片处理工具
  • Json 格式化
  • 视频解析
  • Mock 数据
  • 番茄钟
  • 代办事项提醒

欢迎提 Issue 和 PR。共同完善这个插件集合。

开发

首先,运行服务:

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 it~ and enjoy it!