浏览器书签代码

一个用于展示和管理浏览器书签代码的静态网页工具。

使用说明

1. 点击书签的「复制」按钮复制代码
2. 在浏览器中新建书签
3. 编辑该书签，清空地址栏并粘贴复制的代码
4. 保存书签，之后点击即可使用

文件说明

文件	说明
index.html	主页面，用于展示书签列表
收藏.html	浏览器导出的书签 HTML 文件（需与 index.html 同目录）

功能特性

• 自动解析：自动加载同目录下的 收藏.html 文件并解析书签结构
• 分类展示：按文件夹层级展示书签，支持展开/收起
• 搜索过滤：支持按书签标题或代码内容实时搜索
• 一键复制：点击复制按钮即可将书签代码复制到剪贴板
• 代码预览：点击代码区域可展开查看完整内容

部署方式

1. 将 index.html 和浏览器导出的 收藏.html 放在同一目录下
2. 使用任意静态服务器托管（如 Nginx、Apache、GitHub Pages 等）
3. 访问 index.html 即可使用

技术栈

• 纯前端实现，无后端依赖
• 原生 JavaScript + DOMParser 解析书签 HTML
• 响应式设计，支持移动端访问

免责声明

本站内容仅供学习和交流，非商业用途。

截图

]