# 打开网页助手

**Repository Path**: phodit/web-helper-activation

## Basic Information

- **Project Name**: 打开网页助手
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-01
- **Last Updated**: 2026-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 打开网页助手

一个简单实用的网页快捷打开管理工具，帮助你快速打开常用的工作网页。

本来是要做成无头浏览器一键登录助手的，结果收集信息发现很多网站协议不允许，会造成封号，那么就只做成打开网页吧，这样也方便很多

直接用扣子编程试验了一下，半小时完成了功能，  绕过了浏览器弹窗限制，可以自动依次打开多个网页

这个用扣子只能做成web端应用，实际上是不实用的，由于浏览器限制，实现更多的功能就不合算了，就做到这了，如果有需要，用tauri再实现一个

<img src="_files/20260401112003.png" alt="image.png" width="auto">

<img src="_files/20260401112328.png" alt="image.png" width="auto">

## 功能特性

- ✅ **网站管理**：添加、编辑、删除常用网站
- ✅ **拖拽排序**：拖拽调整网站顺序
- ✅ **快速打开**：一键打开单个或多个网站
- ✅ **配置导入导出**：支持 JSON 格式的配置导入导出
- ✅ **本地存储**：数据存储在浏览器 localStorage 中
- ✅ **默认站点**：首次使用自动添加常用 AI 平台
- ✅ **重复检测**：导入时自动检测重复网站并询问是否覆盖

## 默认站点

首次使用时，系统会自动添加以下常用 AI 平台：

- 扣子 Coze
- 腾讯 CodeBuddy
- 讯飞开放平台
- 哩布哩布 AI
- 即梦 AI

添加后，这些站点与用户添加的站点无区别，均可编辑、删除、拖拽排序。

## 使用说明

### 1. 默认站点

- 首次使用时，系统会自动添加 5 个常用 AI 平台
- 这些站点与用户添加的站点无区别，均可编辑、删除、拖拽排序
- 如果已有数据，不会重复添加默认站点

### 2. 添加网站

填写网站名称和 URL，点击"添加网站"按钮。

### 3. 拖拽排序

拖拽网站卡片左侧的图标，可调整站点顺序。

### 4. 打开网站

- 单个打开：点击网站卡片上的"打开"按钮
- 批量打开：点击"一键打开全部"按钮，会在新窗口中依次打开所有网站

### 5. 导出配置

点击"导出配置"按钮，将当前配置导出为 JSON 文件，文件名包含日期。

### 6. 导入配置

点击"导入配置"按钮，选择之前导出的 JSON 文件：

- 如果有重复的网站（名称或 URL 相同），会提示是否覆盖
- 选择"确定"会覆盖现有的网站
- 选择"取消"只会添加不重复的网站

## 开发

### 安装依赖

```bash
pnpm install
```

### 启动开发服务器

```bash
pnpm dev
```

### 构建生产版本

```bash
pnpm build
```

### 启动生产服务器

```bash
pnpm start
```

## 技术栈

- **Next.js 16** (App Router)
- **React 19**
- **TypeScript 5**
- **shadcn/ui** + **Tailwind CSS 4**
- **@dnd-kit** (拖拽排序)

## 数据结构

网站配置存储在 localStorage 中，格式如下：

```typescript
interface Website {
  id: string;           // 唯一标识（时间戳）
  name: string;         // 网站名称
  url: string;          // 网站 URL
  createdAt: string;    // 创建时间（ISO 8601）
  updatedAt: string;    // 更新时间（ISO 8601）
  order: number;        // 排序序号
}
```

## 注意事项

- 数据存储在浏览器 localStorage 中，清除浏览器数据会丢失配置
- 建议定期导出配置作为备份
- 批量打开功能需要允许浏览器弹窗