# xinTab

**Repository Path**: std9527/xinTab

## Basic Information

- **Project Name**: xinTab
- **Description**: xinTab浏览器标签页，自用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-07
- **Last Updated**: 2026-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# XinTag 扩展开发说明

## 环境
- Node.js 20+
- Chrome/Edge (支持 Manifest V3)

## 安装与构建
```bash
npm install
npm run build
```

构建完成后产物目录为 `dist/`。

## 本地加载
1. 打开浏览器扩展管理页（例如 `chrome://extensions`）。
2. 开启开发者模式。
3. 选择“加载已解压的扩展程序”。
4. 选择项目下 `dist/` 目录。

## 调试
- `npm run dev`：启动 Vite 开发服务（用于页面开发调试）。
- `npm run test`：运行单元测试。

## 手工验收步骤
1. 打开任意网页，点击扩展图标。
2. popup 中应显示当前网页标题、URL、分组；点击“保存”。
3. 点击“打开收藏夹”，检查是否按分组卡片展示。
4. 在收藏页拖拽分组，刷新后顺序应保持。
5. 在同一分组内拖拽标签，刷新后顺序应保持。
6. 关闭并重开浏览器，检查数据与顺序保持。