NoteTabs

Lightweight Chrome note extension with multiple tabs and real-time save

NoteTabs Product Name: NoteTabs Version: 1.0.0 Publisher: kevinlin@126.com Type: Chrome browser extension (lightweight note-taking tool) 1. Overview NoteTabs is a lightweight Chrome note extension that supports multi-tab management and real-time saving. Users can quickly open the popup by clicking the toolbar icon, and switch between multiple note tabs. Data is stored locally with no network required, protecting your privacy. 2. Features 2.1 Multiple Tabs - Create multiple note tabs, each storing content independently - Includes a default tab named "Note" - Click a tab to switch between notes - Tab bar scrolls horizontally to accommodate many tabs 2.2 New Tab - Click the "+" button on the right side of the tab bar to create a new tab - Customize the tab name in the prompt (e.g., "Work", "To-do", "Draft") - Automatically switches to the new tab after creation 2.3 Rename Tab - Double-click any tab to rename it - Enter the new name and confirm 2.4 Delete Tab - Click the trash icon in the footer to delete the current tab and its content - The default "Note" tab cannot be deleted - At least one tab must remain - A confirmation dialog appears before deletion 2.5 Real-time Save - Content is auto-saved to local storage ~400ms after typing - Save status is shown in the bottom-left: Saved / Saving... / Save failed - Saving is also triggered when closing or minimizing the popup 2.6 Export - Click the menu icon (top-left), then choose "Export JSON" - Exports all tabs and notes to a JSON file - File name format: notex-export-YYYY-MM-DD.json - Use for backup or migration 2.7 Import - Click the menu icon (top-left), then choose "Import JSON" - Select a previously exported JSON file - Imports replace all current data and restore the last active tab - JSON must include tabList (tab list) and notes (note contents) 3. Interface 3.1 Header - Left: Menu button; opens Export/Import options - Center: Current tab title - Right: Settings button (reserved) 3.2 Tab Bar - Horizontally arranged tab list - Active tab is highlighted with a blue underline - "+" button on the right creates new tabs 3.3 Editor Area - Plain text input, supports multiline - Uses monospace font (Consolas/Monaco) - Placeholder: "Start typing your thoughts..." - Spell check disabled 3.4 Footer - Left: Save status icon and label (Saved / Saving... / Save failed) - Right: Delete current note button 4. Data Storage 4.1 Storage Location - Uses Chrome extension chrome.storage.local API - Data is stored only on the local device, not sent to any server 4.2 Stored Data - tabList: List of tabs, each with id and name - notes: Object mapping tab ids to note content - lastTab: Last active tab id, used to restore on reopen 4.3 When Data Is Saved - 400ms debounce after user input - Immediately when switching tabs - When closing the popup 5. Permissions - storage: Used for local note storage only; no network access or browsing history 6. System Requirements - Chrome 88 or later (Manifest V3) - Chrome extension storage API enabled 7. Tips 1. Use different tabs for different note categories (e.g., work, study, ideas, to-do) 2. Back up regularly with Export 3. Use Import to restore notes when switching devices 4. Double-click tabs to rename and organize quickly 8. Version Version: 1.0.0 Last updated: 2025 =========================== NoteTabs 软件说明书 产品名称：NoteTabs 版本：1.0.0 发布者：kevinlin@126.com 类型：Chrome 浏览器扩展（轻量级笔记工具） 一、产品概述 NoteTabs 是一款轻量级 Chrome 笔记扩展，支持多标签页管理和实时保存。用户可通过点击浏览器工具栏图标快速打开弹出窗口，在多个便签页之间切换记录内容。数据保存在本地，无需联网，保护隐私。 二、功能特性 2.1 多标签页 - 支持创建多个便签标签页，每个标签独立存储内容 - 默认包含一个名为 "Note" 的标签页 - 点击标签可切换当前编辑的便签 - 标签栏支持横向滚动，适应多个标签 2.2 新建标签 - 点击标签栏右侧的 "+" 按钮创建新标签 - 弹出输入框可自定义标签名称（如 "工作"、"待办"、"临时" 等） - 新建标签后自动切换到该标签 2.3 重命名标签 - 双击任意标签可重命名 - 输入新名称后确认即可生效 2.4 删除标签 - 点击底部栏的垃圾桶图标可删除当前标签及其内容 - 默认 "Note" 标签不可删除 - 至少保留一个标签 - 删除前会弹出确认对话框 2.5 实时保存 - 输入内容后约 400 毫秒自动保存到本地 - 保存状态显示在底部左侧：Saved / Saving... / Save failed - 关闭或最小化弹出窗口时也会触发保存 2.6 导出 - 点击左上角菜单图标，选择 "Export JSON" - 将全部标签和笔记导出为 JSON 文件 - 文件名格式：notex-export-YYYY-MM-DD.json - 可用于备份或迁移数据 2.7 导入 - 点击左上角菜单图标，选择 "Import JSON" - 选择之前导出的 JSON 文件 - 导入后替换当前全部数据，并切换到导入前的最后活动标签 - JSON 格式需包含 tabList（标签列表）和 notes（笔记内容） 三、界面说明 3.1 顶部栏 - 左侧：菜单按钮，点击展开 Export/Import 选项 - 中间：当前标签标题 - 右侧：设置按钮（预留） 3.2 标签栏 - 横向排列的标签列表 - 当前激活标签以蓝色下划线高亮 - 右侧 "+" 按钮用于新建标签 3.3 编辑区 - 纯文本编辑框，支持多行输入 - 使用等宽字体（Consolas/Monaco）便于排版 - placeholder 提示："Start typing your thoughts..." - 关闭拼写检查 3.4 底部栏 - 左侧：保存状态图标与文字（Saved / Saving... / Save failed） - 右侧：删除当前便签按钮 四、数据存储 4.1 存储位置 - 使用 Chrome 扩展的 chrome.storage.local API - 数据仅保存在本地设备，不上传至服务器 4.2 存储内容 - tabList：标签列表，每项包含 id 和 name - notes：以标签 id 为键的便签内容对象 - lastTab：上次活动标签 id，用于重新打开时恢复 4.3 存储时机 - 用户输入时防抖 400ms 后保存 - 切换标签时立即保存 - 关闭弹出窗口时保存 五、权限说明 - storage：用于本地存储便签数据，不涉及网络访问或读取用户浏览记录 六、系统要求 - 支持 Chrome 88 及以上版本（Manifest V3） - 需要启用 Chrome 扩展存储 API 七、使用技巧 1. 用不同标签分类笔记（如工作、学习、灵感、待办） 2. 定期使用 Export 功能备份数据 3. 换设备时可通过 Import 恢复笔记 4. 双击标签快速重命名，便于整理 八、版本信息 版本：1.0.0 最后更新：2025年