一個 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 的許可 - 有關詳細信息,請參閱許可證文件。
這意味著您可以自由地:
將程式碼用於商業用途
修改程式碼
分發程式碼
地方保固
在以下條件下:
分發擴充時必須提供原始碼
必須包含許可證和版權聲明的副本
修改必須在同一許可證下發布
對程式碼所做的更改必須記錄在案