ClickNote - 網(wǎng)頁隨行筆記是一款Chrome 擴(kuò)展程序，讓你可以直接在任何網(wǎng)頁上雙擊添加筆記，歡迎需要此款插件的朋友前來下載使用。

功能特性

* **?? 上下文筆記:** 在網(wǎng)頁的任何位置雙擊即可創(chuàng)建一個(gè)與該位置關(guān)聯(lián)的純文本筆記。
* **?? 可視化標(biāo)記:** 當(dāng)你重新訪問一個(gè)有筆記的頁面時(shí)，會(huì)在你記錄筆記的位置附近顯示一個(gè)小圖標(biāo)。
* **??? 查看與編輯:** 點(diǎn)擊圖標(biāo)即可查看或編輯之前的筆記，也可以刪除它。
* **?? 頁面筆記概覽 (TODO):** 計(jì)劃支持在筆記浮層中快速查看當(dāng)前頁面的所有筆記。
* **?? 集中管理:** 點(diǎn)擊瀏覽器工具欄的擴(kuò)展圖標(biāo)，可以打開一個(gè)彈出窗口，查看、搜索和管理你在所有網(wǎng)站上保存的筆記。
* **??? 刪除筆記:** 無論是在頁面上的浮層中，還是在彈出窗口的列表中，都可以輕松刪除筆記。
* **?? 雙語支持:** 界面支持英語和簡體中文。

安裝與加載 (本地開發(fā))

1. **下載代碼:** 克隆此倉庫或下載 ZIP 文件并解壓。
```bash
git clone click-note
cd click-note
```
2. **打開 Chrome 擴(kuò)展頁面:** 在 Chrome 地址欄輸入 `chrome://extensions` 并回車。
3. **啟用開發(fā)者模式:** 確保頁面右上角的"開發(fā)者模式"開關(guān)已打開。
4. **加載已解壓的擴(kuò)展程序:** 點(diǎn)擊"加載已解壓的擴(kuò)展程序"按鈕。
5. **選擇項(xiàng)目文件夾:** 在彈出的文件選擇器中，找到并選擇 `click-note` 文件夾（包含 `manifest.json` 文件的那個(gè)）。
6. **完成!** ?? 你應(yīng)該能在你的擴(kuò)展程序列表中看到 ClickNote，并且圖標(biāo)會(huì)出現(xiàn)在 Chrome 工具欄中。

如何使用

* **創(chuàng)建筆記:** 在任何網(wǎng)頁的內(nèi)容區(qū)域雙擊鼠標(biāo)左鍵。
* **保存筆記:** 在彈出的輸入框中輸入內(nèi)容，然后點(diǎn)擊"保存"按鈕。
* **查看/編輯筆記:** 當(dāng)你看到頁面上出現(xiàn)筆記圖標(biāo) (??) 時(shí)，點(diǎn)擊它。
* **刪除筆記:** 在打開的筆記編輯框中點(diǎn)擊"刪除"按鈕，或在擴(kuò)展的彈出窗口中點(diǎn)擊筆記旁邊的刪除按鈕。
* **查看所有筆記:** 點(diǎn)擊 Chrome 工具欄上的 ClickNote 圖標(biāo)。

已知限制與未來工作

* **定位準(zhǔn)確性:** ?? 當(dāng)前版本使用簡單的 X/Y 坐標(biāo)來定位筆記圖標(biāo)。這意味著如果頁面布局發(fā)生變化（例如窗口大小調(diào)整、內(nèi)容動(dòng)態(tài)加載/刪除），圖標(biāo)可能無法精確地保持在其原始關(guān)聯(lián)內(nèi)容的位置。這是未來需要重點(diǎn)改進(jìn)的地方，可能會(huì)探索使用 CSS 選擇器或 Text Fragments API。
* **富文本/格式化:** 目前僅支持純文本筆記。
* **同步:** 筆記僅存儲(chǔ)在本地瀏覽器中，不支持跨設(shè)備同步。
* **性能:** 對于非常大量的筆記，彈出窗口的加載和搜索性能可能需要優(yōu)化。