https://github.com/ryanuo/tab-ext
N-Tab 是一个轻量级浏览器标签页扩展，主要功能包括时间显示、搜索建议、搜索引擎切换、快捷翻译、主题配置等。
https://github.com/ryanuo/tab-ext
n-tab pinia ts vue3 web-ext
Last synced: 11 months ago
JSON representation
N-Tab 是一个轻量级浏览器标签页扩展，主要功能包括时间显示、搜索建议、搜索引擎切换、快捷翻译、主题配置等。
- Host: GitHub
- URL: https://github.com/ryanuo/tab-ext
- Owner: ryanuo
- License: mit
- Created: 2025-05-24T16:53:48.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-07T06:57:24.000Z (11 months ago)
- Last Synced: 2025-06-07T07:28:10.405Z (11 months ago)
- Topics: n-tab, pinia, ts, vue3, web-ext
- Language: TypeScript
- Homepage: https://tab.ryanuo.cc
- Size: 7.14 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
N-Tab
## 🧩 项目说明
- N-Tab 是一个轻量级浏览器标签页扩展，主要功能包括时间显示、搜索建议、搜索引擎切换、快捷翻译、主题配置等。
## ✨ 功能特性
- 快捷翻译（谷歌，必应，百度等等）
- 多主题模式（浅色/深色/自动）
- 自定义壁纸（支持 URL、本地图片、Base64）
- 搜索引擎切换与自定义
- 个性化偏好设置（语言、动画等）
- 时间与天气显示（支持多时区、城市选择）
- 支持在线地址使用 [这里](https://tab.ryanuo.cc/)
## 🚀 快速开始
### 1. 克隆项目
```bash
git clone https://github.com/ryanuo/nav-ext.git
cd nav-ext
```
### 2. 安装依赖
```bash
pnpm install
# 或
npm install
# 或
yarn install
```
### 3. 本地开发
```bash
pnpm dev
# 或
npm run dev
# 或
yarn dev
```
### 4. 构建生产包
```bash
pnpm build
# 或
npm run build
# 或
yarn build
```
### 5. 加载扩展
1. 构建后，进入 `extension` 目录。
2. 打开浏览器扩展管理页面，选择“加载已解压的扩展”，选择 `extension` 文件夹即可。
## 📝 使用说明
- 点击右上角设置按钮可进入设置面板，进行主题、壁纸、搜索引擎等个性化配置。
- 支持壁纸 URL、本地图片上传、Base64 图片等多种方式。
- 搜索栏支持多引擎切换，支持自定义添加。
- 时间与天气可根据需求开启/关闭，并选择时区和城市。
## 🤝 贡献指南
欢迎 PR 和 Issue！
如有建议或问题请提交 [Issue](https://github.com/ryanuo/nav-ext/issues)。
1. Fork 本仓库
2. 新建分支 `feature/xxx`
3. 提交代码并发起 PR
## 📚 参考
- [snav](https://github.com/imsyy/SNav)
- [limestart](https://www.limestart.cn/)
- [csdn](https://plugin.csdn.net/)
## ❓ 常见问题
- **Q: 如何自定义壁纸？**
A: 在设置面板“壁纸设置”中输入图片 URL 或上传本地图片即可。
- **Q: 如何切换主题？**
A: 在设置面板选择浅色、深色或自动模式。
- **Q: 如何恢复默认设置？**
A: 设置面板底部点击“重置”按钮。
- **Q: 支持哪些浏览器？**
A: 支持 Chrome、Edge、Firefox 等主流浏览器。
- **Q: 快捷键指令有哪些？**
| 快捷键组合 | 功能描述 |
|------------------|--------------------------------------------------------------------------|
| `Alt + 数字` | 切换到对应的搜索引擎（数字对应引擎列表中的序号）。 |
| `Option + Enter` | 执行快捷翻译操作，将当前搜索框中的内容通过翻译链接打开。 |
| `Enter` | 提交当前选中的搜索建议或执行默认搜索操作。 |
| `Up Arrow` (↑) | 在搜索建议列表中向上导航选择项。 |
| `Down Arrow` (↓) | 在搜索建议列表中向下导航选择项。 |
| `Command + H` | 显示或隐藏设置面板（快捷方式切换控制台状态）。 |
## 📄 许可证
本项目遵循 [MIT 许可证](./LICENSE)。