littlebot
Published on 2025-04-11 / 8 Visits
0

【源码】基于JavaScript的浏览器记事本插件

项目简介

这是一个基于浏览器插件的记事本应用,能帮助用户快速记录网页中的重要内容,用户通过简单的快捷键操作,可轻松添加、编辑和保存笔记。

项目的主要特性和功能

  1. 以浏览器插件形式存在,方便随时记录重要内容。
  2. 简洁的UI设计,专注核心功能,提供清晰的用户体验。
  3. 支持快捷键操作,如Alt+a添加新篇目,Alt+w为篇目添加文章,双击编辑文章,Ctrl+s保存内容。
  4. 具备导航栏识别功能,自动识别网页中的h3及粗体字作为导航,便于快速定位笔记内容。

安装使用步骤

  1. 打开终端,进入已下载的项目源码文件所在目录。
  2. 执行yarn build命令构建插件。
  3. 将构建得到的文件夹(包含插件的全部文件)拖入Chrome浏览器的插件管理页面。
  4. 完成安装后,即可在Chrome浏览器中使用该记事本插件。

操作指南

  • 添加新的篇目:按下Alt+a快捷键。
  • 为该篇目添加文章:按下Alt+w快捷键。
  • 编辑文章:双击要编辑的文章。
  • 保存内容:按下Ctrl+s快捷键。

注:导航栏的识别功能默认以h3及粗体字为导航,可帮助快速定位笔记内容。项目中包含一张演示图(demonstrate.gif),可参考此图了解插件的使用方法。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】