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

功能特性

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

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

1. **下載代碼:** 克隆此倉(cāng)庫(kù)或下載 ZIP 文件并解壓。
```bash
git clone click-note
cd click-note
```
2. **打開(kāi) Chrome 擴(kuò)展頁(yè)面:** 在 Chrome 地址欄輸入 `chrome://extensions` 并回車。
3. **啟用開(kāi)發(fā)者模式:** 確保頁(yè)面右上角的"開(kāi)發(fā)者模式"開(kāi)關(guān)已打開(kāi)。
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)頁(yè)的內(nèi)容區(qū)域雙擊鼠標(biāo)左鍵。
* **保存筆記:** 在彈出的輸入框中輸入內(nèi)容，然后點(diǎn)擊"保存"按鈕。
* **查看/編輯筆記:** 當(dāng)你看到頁(yè)面上出現(xiàn)筆記圖標(biāo) (??) 時(shí)，點(diǎn)擊它。
* **刪除筆記:** 在打開(kāi)的筆記編輯框中點(diǎn)擊"刪除"按鈕，或在擴(kuò)展的彈出窗口中點(diǎn)擊筆記旁邊的刪除按鈕。
* **查看所有筆記:** 點(diǎn)擊 Chrome 工具欄上的 ClickNote 圖標(biāo)。

已知限制與未來(lái)工作

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