# dev-go

**Repository Path**: ocisly/dev-go

## Basic Information

- **Project Name**: dev-go
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: fix/not-in-code-page
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-09
- **Last Updated**: 2024-11-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DevGo

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

下载插件：👉🏻 [Chrome 应用商店的链接](https://chrome.google.com/webstore/detail/devgo/kcofdbjhicjdbmldlcffcijglkifnnjn)

## 贡献者们

[Contributors](https://github.com/wangrongding/dev-go/graphs/contributors) 是 DevGo 的未来。

<a href="https://github.com/wangrongding/dev-go/contributors">
  <img src="https://contrib.rocks/image?repo=wangrongding/dev-go" />
</a>

## 目前已有的功能

### 翻译

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

![](https://assets.fedtop.com/picbed/202211271606483.png)

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

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

![](https://assets.fedtop.com/picbed/202210270939667.png)

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

### github 添加在线编辑按钮

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

![](https://assets.fedtop.com/picbed/202210280935904.png)

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

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

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

![](https://assets.fedtop.com/picbed/202210280048017.png)

### 去除外链跳转的提示

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

![](https://assets.fedtop.com/picbed/202211091022789.png)

### 清除用户事件的限制

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

![](https://assets.fedtop.com/picbed/202211091038829.png)

### 将要做的功能

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

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

## 开发

首先，运行服务：

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