CRX id
ajfliakckmcmahbombceplnaocbpefcb
ajfliakckmcmahbombceplnaocbpefcb
Description from extension meta
在页面任意位置双击即可添加针对该位置的笔记。
Image from store
Description from store
# ClickNote - Contextual Web Notes 📝 / 网页随行笔记 📝
**(English Bellow)**
一款 Chrome 扩展程序，让你可以直接在任何网页上双击添加笔记 🖱️✍️。
---
## ✨ 功能特性
* **📌 上下文笔记:** 在网页的任何位置双击即可创建一个与该位置关联的纯文本笔记。
* **👀 可视化标记:** 当你重新访问一个有笔记的页面时，会在你记录笔记的位置附近显示一个小图标。
* **🖊️ 查看与编辑:** 点击图标即可查看或编辑之前的笔记，也可以删除它。
* **📚 页面笔记概览 (TODO):** 计划支持在笔记浮层中快速查看当前页面的所有笔记。
* **🏠 集中管理:** 点击浏览器工具栏的扩展图标，可以打开一个弹出窗口，查看、搜索和管理你在所有网站上保存的笔记。
* **🗑️ 删除笔记:** 无论是在页面上的浮层中，还是在弹出窗口的列表中，都可以轻松删除笔记。
* **🌐 双语支持:** 界面支持英语和简体中文。
## 🚀 安装与加载 (本地开发)
1. **下载代码:** 克隆此仓库或下载 ZIP 文件并解压。
```bash
git clone <repository_url> click-note
cd click-note
```
2. **打开 Chrome 扩展页面:** 在 Chrome 地址栏输入 `chrome://extensions` 并回车。
3. **启用开发者模式:** 确保页面右上角的"开发者模式"开关已打开。
4. **加载已解压的扩展程序:** 点击"加载已解压的扩展程序"按钮。
5. **选择项目文件夹:** 在弹出的文件选择器中，找到并选择 `click-note` 文件夹（包含 `manifest.json` 文件的那个）。
6. **完成!** 🎉 你应该能在你的扩展程序列表中看到 ClickNote，并且图标会出现在 Chrome 工具栏中。
## 📖 如何使用
* **创建笔记:** 在任何网页的内容区域双击鼠标左键。
* **保存笔记:** 在弹出的输入框中输入内容，然后点击"保存"按钮。
* **查看/编辑笔记:** 当你看到页面上出现笔记图标 (🟡) 时，点击它。
* **删除笔记:** 在打开的笔记编辑框中点击"删除"按钮，或在扩展的弹出窗口中点击笔记旁边的删除按钮。
* **查看所有笔记:** 点击 Chrome 工具栏上的 ClickNote 图标。
## ⚠️ 已知限制与未来工作
* **定位准确性:** 📍 当前版本使用简单的 X/Y 坐标来定位笔记图标。这意味着如果页面布局发生变化（例如窗口大小调整、内容动态加载/删除），图标可能无法精确地保持在其原始关联内容的位置。这是未来需要重点改进的地方，可能会探索使用 CSS 选择器或 Text Fragments API。
* **富文本/格式化:** 目前仅支持纯文本笔记。
* **同步:** 笔记仅存储在本地浏览器中，不支持跨设备同步。
* **性能:** 对于非常大量的笔记，弹出窗口的加载和搜索性能可能需要优化。