# 채팅 컨텐츠 저장 버튼 스크립트 소개
고정 위치를 자동으로 추가합니다“대화를 저장하십시오”단추，버튼을 클릭하면 현재 페이지의 채팅 대화 내용이 추출되어 일반 텍스트 파일로 저장됩니다.，사용자가 내보내기 및 백업 채팅 기록에 편리합니다。
---
## 주요 기능
- **채팅 메시지 추출**
모든 페이지에서 페이지에 포함되어 있습니다 `data-message-id` 속성 요소는 대화 내용을 추출합니다，그리고에 따르면 `data-message-author-role` 속성 판단 역할（User / Assistant 기다리다）。
- **형식 텍스트**
~에 따르면 `캐릭터 이름:` 라인 브레이크，해당 텍스트 내용을 작성하십시오，각 메시지 사이에 사용하십시오분리상징 `---` 분리。
- **파일 이름을 생성합니다**
웹 타이틀 사용의 우선 순위40파일 이름으로 문자，제목이 없으면 대화부터 시작하십시오5파일 이름으로 단어의 소문자 스 플라이 싱，기본 파일 이름은 `conversation.txt`。
- **텍스트 파일을 다운로드하십시오**
사용 Blob 객체 생성 다운로드 링크，대화 내용 텍스트 파일을 다운로드하려면 클릭하십시오。
- **인터페이스 상호 작용**
페이지의 왼쪽 상단에 작은 버튼이 표시됩니다.，현재 대화를 저장하려면 클릭하십시오。
---
## 코드 구조 설명
- `capitalizeRole(role)`：역할 문자열을 기반으로 역할의 초기 문자를 형식。
- `generateFileName(messages)`：페이지 제목 또는 첫 번째 메시지에 따라 파일 이름 생성。
- `saveConversation()`：핵심 기능，메시지 내용을 수집하십시오、체재、파일을 생성하고 다운로드를 트리거합니다。
- `createDownloadButton()`：고정 된 것을 생성하고 추가하십시오“대화를 저장하십시오”버튼으로 페이지。
- `waitForBody` 시간제 노동자：페이지 본문과 채팅 메시지가 기다릴 때까지 버튼로드를 완료합니다.。
---
## 사용 방법
1. 이 스크립트를 브라우저 사용자 스크립트 관리자에 추가하십시오（좋다 Tampermonkey）。
2. 채팅 대화가 포함 된 웹 페이지를 엽니 다（지원 `data-message-id` 그리고 `data-message-author-role` 속성의 구조）。
3. 페이지의 왼쪽 상단이 나타납니다“대화를 저장하십시오”단추，클릭 한 후 현재 채팅 내용을 다음과 같이 내보낼 수 있습니다. `.txt` 문서。
---
## 해당 시나리오
- 내보내기 및 백업 웹 채팅 기록。
- 대화 내용을 오프라인으로보십시오。
- 채팅 텍스트를 공유하거나 보관하기 편리합니다。
---
## 주목해야 할 것
- 페이지 구조에 따라 다릅니다，메시지 노드가 필요합니다 `data-message-id` 그리고 `data-message-author-role` 재산。
- 만 추출하십시오 `.whitespace-pre-wrap` 또는 `.markdown` 수업의 텍스트 내용。
- 단순하고 고정 된 버튼 스타일，위치는 필요에 따라 사용자 정의 할 수 있습니다。
---
이 스크립트는 웹 채팅 기록을 신속하게 저장 해야하는 사용자에게 적합합니다.。
## 💖 스크립트는 다음 스크립트를 참조하거나 사용했습니다:
[🧑💻 **@Taylor-eOS**](https://github.com/Taylor-eOS) ⇒ 📜 _[Save Conversation](https://github.com/Taylor-eOS/tampermonkey-scripts/blob/main/save_conversation.user.js)_
## 돕다
권장 브라우저 및 스크립트 관리자：
- **Greasemonkey + Waterfox**
- **Tampermonkey/Violentmonkey + Firefox**
- **Tampermonkey/Violentmonkey + Chrome**
- **Userscripts + ios Safari**
- **Violentmonkey/KiWiBrowser + Android**
**사용자 스크립트를 설치하는 방법에 대해 자세히 알아야 할 경우,[나를 클릭하십시오](https://github.com/ChinaGodMan/UserScripts/blob/main/docs/help/ko#readme)그림과 텍스트의 가르침을보십시오!**
### [모든 게시 스크립트를보십시오](https://github.com/ChinaGodMan/UserScripts/tree/main/docs/ko#-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%AA%A9%EB%A1%9D)
