ส่วนขยาย 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 แบบสแตนด์อโลนด้วย:
เนื้อหาแชทต้นฉบับ
CSS Tailwind แบบฝัง (ผ่าน CDN)
คลาสและเค้าโครงของ Tailwind ยังคงอยู่
เอกสาร HTML ที่มีอยู่ในตัวเองพร้อมสไตล์ที่จำเป็นทั้งหมด
ไฟล์ HTML มี Tailwind CSS 2.2.19 ผ่าน CDN เพื่อรักษาสไตล์ให้เหมือนกับอินเทอร์เฟซ Claude ดั้งเดิม
การจัดการการดาวน์โหลดผ่าน API ดาวน์โหลดของ Chrome
Tailwind CSS (2.2.19) - โหลดผ่าน CDN ในไฟล์ที่สร้างขึ้น
ส่วนขยายต้องการ:
downloads
- สำหรับการบันทึกไฟล์
การอนุญาตโฮสต์สำหรับ https://claude.ai/*
หากต้องการแก้ไขส่วนขยาย:
ทำการเปลี่ยนแปลงไฟล์ต้นฉบับ
ไปที่ chrome://extensions/
คลิกไอคอนรีเฟรชบนการ์ดส่วนขยาย
ทดสอบการเปลี่ยนแปลงของคุณบน Claude.ai
ปัจจุบันทดสอบและรองรับบน Google Chrome เท่านั้น อาจใช้งานได้กับเบราว์เซอร์ที่ใช้ Chromium อื่นๆ แต่ไม่รับประกัน
อย่าลังเลที่จะส่งปัญหาและคำขอการปรับปรุง!
โครงการนี้ได้รับอนุญาตภายใต้ GNU General Public License v3.0 - ดูรายละเอียดในไฟล์ LICENSE
ซึ่งหมายความว่าคุณมีอิสระที่จะ:
ใช้รหัสในเชิงพาณิชย์
แก้ไขโค้ด
แจกโค้ด
วางประกัน
ภายใต้เงื่อนไขดังต่อไปนี้:
จะต้องทำให้ซอร์สโค้ดพร้อมใช้งานเมื่อมีการเผยแพร่ส่วนขยาย
ต้องมีสำเนาใบอนุญาตและประกาศเกี่ยวกับลิขสิทธิ์ด้วย
การแก้ไขจะต้องได้รับการปล่อยตัวภายใต้ใบอนุญาตเดียวกัน
การเปลี่ยนแปลงที่ทำกับรหัสจะต้องได้รับการบันทึกไว้