CNote 浏览器扩展:随时随地记录你的灵感与网页内容

前端   2025-09-02 09:10   24   0  

CNote 浏览器扩展:随时随地记录你的灵感与网页内容

大家好!今天给大家分享一个我自己开发的浏览器扩展——CNote。平时我们上网看到好东西想保存下来是不是特别麻烦?有了这个工具,随时随地记录灵感、保存网页内容都变得超级简单!

先说说我为什么做这个工具吧——因为自己平时上网总遇到好内容想保存,要么忘了要么太麻烦,所以干脆自己动手做了一个,用着还挺顺手,现在分享给大家~

下载与安装

您可以通过以下链接下载并安装 CNote 浏览器扩展:

3.png

4.png

5.png

6.png

7.png

8.png

或使用网页版访问

您可以直接通过浏览器访问CNote网页版: https://cnotely.com/

项目概述

CNote 是我开发的一款浏览器扩展,主打就是简单方便的笔记记录功能。我把它和浏览器右键菜单深度整合,界面也做得很直观,你浏览网页的时候看到好东西,随手就能存下来,特别方便。

核心功能

1. 右键菜单集成 - 一键保存网页内容

我觉得CNote最方便的一点就是右键菜单设计!你在网页上看到好东西,选中文字或图片后右键,就能看到一堆保存选项,特别直观:

  • 新建笔记:直接创建一篇全新的笔记
  • 添加到新笔记:将选中的文字添加到一篇新笔记中
  • 添加到现有笔记:将内容追加到已有笔记末尾
  • 添加图片到笔记:一键保存网页上的图片到笔记
  • 打开侧边栏:快速在浏览器侧边栏中打开笔记界面

我当时开发的时候就想,一定要做到不用切来切去,不用复制粘贴,现在用下来确实方便不少~

2. 便捷的弹出界面

点一下浏览器工具栏的CNote图标,会弹出来一个小界面,我放了三个常用按钮:

  • 新建笔记:快速创建新笔记,支持在侧边栏或独立窗口中打开
  • 保存到云端:未来将支持的云同步功能入口
  • 强制复制:智能提取当前网页的主要内容(去除样式和脚本),便于保存

此外,界面右上角还有一个设置按钮,让你可以快速进入设置页面调整扩展的各项参数。

3. 多语言支持

考虑到不同用户的需求,我给CNote加了多语言支持,现在有英文和中文两种界面可以选~你可以根据自己的偏好在设置中切换语言,系统会自动调整右键菜单和界面上的文本显示。

4. 灵活的笔记编辑方式

我设计了两种编辑方式,你可以随便挑:

  • 侧边栏编辑:在浏览器侧边栏中直接编辑笔记,不影响当前浏览
  • 弹出窗口编辑:打开独立的笔记编辑窗口,获得更大的编辑空间

你可以根据场景需求和个人习惯自由选择最适合的编辑方式。

使用指南

  1. 安装好之后,点一下浏览器工具栏的CNote图标就能打开笔记界面
  2. 看到喜欢的内容,用鼠标选中后右键,就能找到保存到笔记的选项
  3. 点工具栏图标弹出来的界面里,可以看到和管理你存的所有笔记
  4. 点右上角的设置按钮,可以改语言、换主题,按自己喜好调整

当前限制与注意事项

目前这个版本还有些小限制,我正在慢慢优化:

  1. 云同步功能我还在开发中,现在笔记都存在你自己的电脑里
  2. 有些功能还在打磨,可能偶尔会有点小问题,但我会持续改进~

未来规划

接下来我打算给它加上这些功能:

  1. 完善笔记编辑功能:我会加强富文本编辑功能,让它支持更多格式
  2. 添加云同步支持:这是大家提得最多的需求,我会优先开发,以后手机电脑都能看笔记
  3. 增加笔记分类和搜索:笔记多了不好找?我会加上分类和搜索功能,找笔记更快
  4. 优化界面和操作:我会继续打磨界面,让操作更顺手,用起来更舒服
  5. 支持更多浏览器:现在主要支持Chrome和Edge,以后我会努力适配更多浏览器

结语

说实话,开发CNote完全是因为我自己有这个需求——想找个简单的方式保存网页上的好东西。现在自己用着挺顺手,也希望能帮到你:不管你是学生党、上班族还是喜欢上网冲浪的朋友,(oh,my firend )哈哈哈,都能用上它来收集和管理那些有价值的信息。

如果你觉得好用,别忘了推荐给朋友;如果有问题或建议,也欢迎告诉我,我会继续改进!