自己动手造一个CentBrowser侧边栏笔记本

冥界3大法王

最终目录结构：                                                                                                                                                                                                                           
  CentBrowser_Plugin/                                                                                                                           
  ├── manifest.json       # Chrome Extension Manifest V3 配置                                                                                    
  ├── background.js       # Service Worker，点击图标打开侧边栏                                                                                   
  ├── sidepanel.html      # 侧边栏 UI 页面                                                                                                      
  ├── sidepanel.js        # 侧边栏逻辑（增删改查笔记）                                                                                          
  └── icons/                                                                                                                                    
      ├── icon16.png                                                                                                                             
      ├── icon48.png                                                                                                                             
      └── icon128.png                                                                                                                           
                                                                                                                                                
  功能说明                                                                                                                                       
  - 点击扩展图标 → 打开浏览器侧边栏（Side Panel）                                                                                                
  - 新建笔记 → 输入标题和内容，保存即可                                                                                                         
  - 编辑笔记 → 点击列表中的笔记卡片进入编辑                                                                                                      
  - 删除笔记 → 编辑界面中点击删除按钮                                                                                                            
  - 快捷保存 → Ctrl+S 保存当前笔记                                                                                                               
  - 数据持久化 → 使用 chrome.storage.local 存储，关闭浏览器后不丢失                                                                              
                                                                                                                                                
  安装方式                                                                                                                                       
  1. 打开 CentBrowser，地址栏输入 chrome://extensions/                                                                                          
  2. 开启右上角「开发者模式」                                                                                                                    
  3. 点击「加载已解压的扩展程序」                                                                                                               
  4. 选择 CentBrowser_Plugin 目录                                                                              
                                                                                                                                                
  安装后工具栏会出现笔记图标，点击即可打开侧边栏笔记。 https://wwaso.lanzouu.com/iEBFa3ns7ryd


欢迎点评、鲜花、掌声，支持编程区学习气氛。

h00000

看看，学习学习

cxx0515

换另一台电脑后，数据能导入吗？

52kail

支持一下，有办法导出导入吗？

tykioy

支持一下，有办法导出导入吗

shmwyd

谢谢大大分享，试用后来反馈

冥界3大法王

52kail 发表于 2026-4-22 06:17
支持一下，有办法导出导入吗？

源码都给你啦，让AI再修改下。
或是找到以前的存档位置一起，弄过去。

qadan

插件啊，我以为直接逆向CentBrowser做的原生功能

makinami

感谢分享，可以当作一个 todo list

hainanyu

这是个好软件，下载试用