✕
${escapeHtml(note.text)}
`).join('');
}
// 删除笔记
async function deleteNote(id) {
allNotes = allNotes.filter(n => n.id !== id);
await chrome.storage.local.set({ notes: allNotes });
renderNotes(allNotes);
}
// 搜索
document.getElementById('searchInput').addEventListener('input', (e) => {
const query = e.target.value.toLowerCase();
const filtered = allNotes.filter(note =>
note.text.toLowerCase().includes(query) ||
(note.title && note.title.toLowerCase().includes(query))
);
renderNotes(filtered);
});
// 导出 JSON
document.getElementById('exportJson').addEventListener('click', () => {
const blob = new Blob([JSON.stringify(allNotes, null, 2)], { type: 'application/json' });
downloadBlob(blob, 'notes.json');
});
// 导出 Markdown
document.getElementById('exportMd').addEventListener('click', () => {
const md = allNotes.map(note =>
`## ${formatDate(note.createdAt)}\n\n${note.text}\n\n> 来源: [${note.title}](${note.url})\n`
).join('\n---\n\n');
const blob = new Blob([md], { type: 'text/markdown' });
downloadBlob(blob, 'notes.md');
});
// 清空
document.getElementById('clearAll').addEventListener('click', async () => {
if (confirm('确定清空所有笔记？')) {
allNotes = [];
await chrome.storage.local.set({ notes: [] });
renderNotes([]);
}
});
// 工具函数
function escapeHtml(text) {
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
function formatDate(isoString) {
return new Date(isoString).toLocaleString('zh-CN');
}
function downloadBlob(blob, filename) {
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
a.click();
URL.revokeObjectURL(url);
}
// 初始化
loadNotes();
```
## 🚀 安装步骤
1. 打开 Chrome，访问 `chrome://extensions/`
2. 开启「开发者模式」
3. 点击「加载已解压的扩展程序」
4. 选择项目文件夹
## ✅ 验收清单
- [ ] 扩展成功加载
- [ ] 右键菜单显示「保存到笔记」
- [ ] 选中文本可以保存
- [ ] 弹出窗口显示笔记列表
- [ ] 搜索功能正常
- [ ] 删除功能正常
- [ ] 导出 JSON 正常
- [ ] 导出 Markdown 正常
## 💡 进阶挑战
- 添加标签分类
- 支持云同步（Chrome Sync）
- 添加快捷键
- 支持图片保存
- 添加笔记编辑功能