一个 Chrome 扩展程序,允许您将 Claude.ai 聊天对话保存为保留格式的 HTML 文件。
在 Claude.ai 聊天界面添加下载按钮
使用 Tailwind CSS 保留聊天格式
根据聊天标题生成干净的文件名
将完整的聊天记录下载为独立的 HTML 文件
保留原始聊天的所有样式和布局
克隆此存储库或下载源代码
打开 Chrome 并导航至chrome://extensions/
启用右上角的“开发者模式”
点击“加载解压”并选择包含扩展文件的目录
访问 Claude.ai 并打开任意聊天室
在聊天界面中查找下载按钮(显示图标和“下载”文本)
点击按钮保存当前聊天记录
在浏览器的下载对话框中选择您的保存位置
聊天内容将保存为 HTML 文件,并以聊天标题作为文件名
manifest.json
- 扩展配置和权限
popup.html
- 简单的弹出界面
popup.js
- 处理弹出按钮单击并启动下载
content.js
- 注入下载按钮并处理聊天内容提取
background.js
- 管理文件下载过程
styles.css
- 下载按钮的自定义样式
该扩展的工作原理是:
将下载按钮注入 Claude 界面
根据请求捕获聊天内容
使用以下命令创建独立的 HTML 文件:
原创聊天内容
嵌入式 Tailwind CSS(通过 CDN)
保留 Tailwind 类和布局
具有所有必要样式的独立 HTML 文档
HTML 文件包含通过 CDN 的 Tailwind CSS 2.2.19,以保持与原始 Claude 界面完全相同的样式
通过 Chrome 的下载 API 处理下载
Tailwind CSS (2.2.19) - 通过 CDN 在生成的文件中加载
扩展需要:
downloads
- 用于保存文件
https://claude.ai/*
的主持人权限
修改扩展名:
对源文件进行更改
访问chrome://extensions/
单击扩展卡上的刷新图标
在 Claude.ai 上测试您的更改
目前仅在 Google Chrome 上进行了测试和支持。可能适用于其他基于 Chromium 的浏览器,但不能保证这一点。
请随时提交问题和增强请求!
该项目已获得 GNU 通用公共许可证 v3.0 的许可 - 有关详细信息,请参阅许可证文件。
这意味着您可以自由地:
将代码用于商业用途
修改代码
分发代码
地方保修
在以下条件下:
分发扩展时必须提供源代码
必须包含许可证和版权声明的副本
修改必须在同一许可证下发布
对代码所做的更改必须记录在案