咽沙学习小助手测试版V0.94
// ==UserScript==
// @name 咽沙学习小助手测试版V0.94
// @namespace http://tampermonkey.net/
// @version 0.94
// @description 创建一个明显可见且可拖动的聊天窗口，集成 DeepSeek API 互动，新增出题助记功能并优化用户体验
// @author Your Name
// @match *://*/*
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// ==/UserScript==
(function() {
'use strict';
// 定义API密钥和基础URL
const API_SECRET_KEY = "sk-e9e32530533e43229bb66519577e57d3";
const BASE_URL = "https://api.deepseek.com/v1/";
// 添加CSS样式
GM_addStyle(`
/* 按钮容器样式 */
#button-container {
width: 250px;
height: 60px;
border-radius: 15px;
font-size: 18px;
position: fixed;
right: 20px;
bottom: 180px;
z-index: 10000;
cursor: pointer;
font-family: "STKaiti", "华文楷体", "Kaiti", serif;
overflow: visible;
color: black;
background: linear-gradient(135deg, #ffecb3, #ffdead);
transition: all 0.3s ease-in-out;
}
/* 子按钮样式 */
.option-button {
width: 250px;
height: 60px;
border-radius: 15px;
border: none;
background-color: #fff9db;
cursor: pointer;
font-family: "STKaiti", "华文楷体", "Kaiti", serif;
display: none;
text-align: left;
position: absolute;
left: 0;
top: -60px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
/* 聊天窗口样式 */
#chat-window, #auto-answer-chat-window, #quiz-memory-chat-window {
width: 400px;
height: 400px;
background-color: #e6e6fa;
border: 1px solid #ccc;
position: fixed;
bottom: 60px;
right: 20px;
z-index: 9999;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
padding: 10px;
border-radius: 5px;
overflow: hidden;
display: none;
}
/* 聊天内容样式 */
#chat-window-content, #auto-answer-chat-window-content, #quiz-memory-chat-window-content {
height: calc(100% - 120px);
overflow-y: auto;
padding-right: 10px;
position: relative;
}
/* 自定义滚动条样式 */
#chat-window-content::-webkit-scrollbar, #auto-answer-chat-window-content::-webkit-scrollbar, #quiz-memory-chat-window-content::-webkit-scrollbar {
width: 10px;
}
#chat-window-content::-webkit-scrollbar-thumb, #auto-answer-chat-window-content::-webkit-scrollbar-thumb, #quiz-memory-chat-window-content::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 5px;
}
#chat-window-content::-webkit-scrollbar-thumb:hover, #auto-answer-chat-window-content::-webkit-scrollbar-thumb:hover, #quiz-memory-chat-window-content::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
/* 输入容器样式 */
#input-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
border-top: 1px solid #ccc;
}
/* 输入框样式 */
#chat-input {
width: calc(100% - 70px);
height: 30px;
margin: 5px;
box-sizing: border-box;
}
/* 发送按钮样式 */
#send-button {
width: 50px;
height: 30px;
margin: 5px;
box-sizing: border-box;
}
/* 复制按钮样式 */
.copy-button {
width: 100%;
height: 30px;
margin: 5px 0;
background-color: #f0f0f0;
border: 1px solid #ccc;
cursor: pointer;
text-align: center;
line-height: 30px;
}
/* 按钮聚焦样式 */
.option-button:focus {
outline: 2px solid #ffffff;
}
/* 加载提示样式 */
.loading-message {
color: #888;
font-style: italic;
}
`);
// 创建按钮容器
function createButtonContainer() {
const buttonContainer = document.createElement('div');
buttonContainer.id = 'button-container';
return buttonContainer;
}
// 创建父按钮
function createParentButton(buttonContainer) {
const parentButton = document.createElement('button');
parentButton.textContent = '咽沙学习小助手测试版 V0.94';
parentButton.style.width = '100%';
parentButton.style.height = '100%';
parentButton.style.border = 'none';
parentButton.style.backgroundColor = 'transparent';
parentButton.style.cursor = 'pointer';
parentButton.style.fontFamily = '"STKaiti", "华文楷体", "Kaiti", serif';
parentButton.style.fontSize = '18px';
buttonContainer.appendChild(parentButton);
return parentButton;
}
// 创建子按钮
function createOptionButtons(buttonContainer) {
const buttonLabels = [
'-对话DeepSeek 【本按钮可切换窗口显示、隐藏】',
'-获取页面自动解答',
'-出题助记【共18题】',
'收起',
'收起'
];
buttonLabels.forEach((label, index) => {
const optionButton = document.createElement('button');
optionButton.className = 'option-button';
optionButton.textContent = label;
if (index === 0) {
optionButton.onclick = () => toggleChatWindowVisibility('chat-window');
} else if (index === 1) {
optionButton.onclick = () => {
toggleChatWindowVisibility('auto-answer-chat-window');
generateAutoAnswer();
};
} else if (index === 2) {
optionButton.onclick = () => toggleChatWindowVisibility('quiz-memory-chat-window');
} else {
optionButton.onclick = () => parentButton.click();
}
buttonContainer.appendChild(optionButton);
});
}
// 切换聊天窗口的显示状态
function toggleChatWindowVisibility(chatWindowId) {
const chatWindow = document.getElementById(chatWindowId);
chatWindow.style.display = chatWindow.style.display === 'none' ? 'block' : 'none';
}
// 获取页面文本
function getPageText() {
let allText = '';
const texts = [];
const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
while (walker.nextNode()) {
const node = walker.currentNode;
if (node.parentElement.tagName !== 'SCRIPT' && node.parentElement.tagName !== 'STYLE') {
texts.push(node.nodeValue.trim());
}
}
return texts.filter(text => text).join(' ');
}
// 发送消息到DeepSeek
async function sendMessageToAI(message, isQuizMemory = false) {
try {
const response = await fetch(`${BASE_URL}chat/completions`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${API_SECRET_KEY}`
},
body: JSON.stringify({
model: "deepseek-chat",
messages: [
{ role: "system", content: "您是一位乐于助人的助手。" },
{ role: "user", content: message },
...(isQuizMemory ? [{ role: "assistant", content: "请根据以上信息生成18道选择题，帮助我更好地记住这些知识点。" }] : [])
],
max_tokens: 1000,
temperature: 0.7
})
});
if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
const data = await response.json();
if (!data.choices || !data.choices.length) throw new Error('来自AI服务的回答无效。');
return data.choices[0].message.content;
} catch (error) {
console.error("获取AI回答时出错:", error);
throw error;
}
}
// 创建聊天窗口
function createChatWindow(isAutoAnswer = false, isQuizMemory = false) {
const chatWindowId = isQuizMemory ? 'quiz-memory-chat-window' : (isAutoAnswer ? 'auto-answer-chat-window' : 'chat-window');
const chatWindow = document.createElement('div');
chatWindow.id = chatWindowId;
// 创建内容容器
const chatContent = document.createElement('div');
chatContent.id = `${chatWindowId}-content`;
chatContent.className = 'chat-content';
chatWindow.appendChild(chatContent);
if (isQuizMemory) {
// 出题助记专属逻辑
const inputContainer = document.createElement('div');
inputContainer.id = 'input-container';
const userInput = document.createElement('input');
userInput.type = 'text';
userInput.placeholder = '在此输入你想记忆的知识...';
inputContainer.appendChild(userInput);
const sendButton = document.createElement('button');
sendButton.textContent = '发送';
sendButton.onclick = async function() {
const userMessage = userInput.value.trim();
if (userMessage) {
userInput.value = '';
const loadingMessage = document.createElement('div');
loadingMessage.className = 'loading-message';
loadingMessage.textContent = '正在加载中…请耐心等待';
chatContent.appendChild(loadingMessage);
chatContent.scrollTop = chatContent.scrollHeight;
try {
const apiResponse = await sendMessageToAI(userMessage, true);
chatContent.removeChild(loadingMessage);
appendChatMessage(chatContent, 'DeepSeek', apiResponse);
addCopyButton(chatContent, apiResponse);
} catch (error) {
chatContent.removeChild(loadingMessage);
const errorMessage = document.createElement('div');
errorMessage.textContent = '获取解答时出错，请稍后再试。';
chatContent.appendChild(errorMessage);
chatContent.scrollTop = chatContent.scrollHeight;
}
}
};
inputContainer.appendChild(sendButton);
chatWindow.appendChild(inputContainer);
} else if (isAutoAnswer) {
// 获取页面自动解答窗口逻辑
const instruction = document.createElement('div');
instruction.id = 'auto-answer-instruction';
instruction.textContent = '按下下方按钮，获取页面解答。（仅支持可被选中的文本）';
chatWindow.appendChild(instruction);
const generateAnswerButton = document.createElement('button');
generateAnswerButton.id = 'generate-answer-button';
generateAnswerButton.textContent = '点击生成页面解答';
generateAnswerButton.onclick = async function() {
generateAutoAnswer();
};
chatWindow.appendChild(generateAnswerButton);
} else {
// 对话DeepSeek窗口逻辑
const inputContainer = document.createElement('div');
inputContainer.id = 'input-container';
const userInput = document.createElement('input');
userInput.type = 'text';
userInput.placeholder = '在这里输入你的问题...';
inputContainer.appendChild(userInput);
const sendButton = document.createElement('button');
sendButton.textContent = '发送';
sendButton.onclick = async function() {
const userMessage = userInput.value.trim();
if (userMessage) {
userInput.value = '';
const loadingMessage = document.createElement('div');
loadingMessage.className = 'loading-message';
loadingMessage.textContent = '正在加载中…请耐心等待';
chatContent.appendChild(loadingMessage);
chatContent.scrollTop = chatContent.scrollHeight;
try {
const apiResponse = await sendMessageToAI(userMessage);
chatContent.removeChild(loadingMessage);
appendChatMessage(chatContent, '用户', userMessage);
appendChatMessage(chatContent, 'DeepSeek', apiResponse);
addCopyButton(chatContent, apiResponse);
} catch (error) {
chatContent.removeChild(loadingMessage);
const errorMessage = document.createElement('div');
errorMessage.textContent = '获取解答时出错，请稍后再试。';
chatContent.appendChild(errorMessage);
chatContent.scrollTop = chatContent.scrollHeight;
}
}
};
inputContainer.appendChild(sendButton);
chatWindow.appendChild(inputContainer);
}
document.body.appendChild(chatWindow);
}
// 追加聊天消息
function appendChatMessage(container, label, message) {
const messageDiv = document.createElement('div');
messageDiv.innerHTML = `<strong>${label}</strong><br>${message.replace(/\n/g, '<br>')}`;
container.appendChild(messageDiv);
container.scrollTop = container.scrollHeight;
}
// 添加复制按钮
function addCopyButton(container, content) {
const copyButton = document.createElement('div');
copyButton.className = 'copy-button';
copyButton.textContent = '点击复制此次回答';
copyButton.onclick = () => {
const textarea = document.createElement('textarea');
textarea.value = content;
document.body.appendChild(textarea);
textarea.select();
try {
document.execCommand('copy');
console.log('回答已复制到剪贴板');
} catch (err) {
console.error('无法复制回答:', err);
}
document.body.removeChild(textarea);
};
container.appendChild(copyButton);
container.scrollTop = container.scrollHeight;
}
// 生成自动解答
async function generateAutoAnswer() {
const chatWindow = document.getElementById('auto-answer-chat-window');
let chatContent = chatWindow.querySelector('#auto-answer-chat-window-content');
if (!chatContent) {
chatContent = document.createElement('div');
chatContent.id = 'auto-answer-chat-window-content';
chatContent.className = 'chat-content';
chatWindow.insertBefore(chatContent, chatWindow.firstChild);
}
chatContent.innerHTML = '';
const loadingMessage = document.createElement('div');
loadingMessage.className = 'loading-message';
loadingMessage.textContent = '正在加载中…请耐心等待';
chatContent.appendChild(loadingMessage);
chatContent.scrollTop = chatContent.scrollHeight;
const pageText = getPageText();
const prompt = `提供一段包含问题及其选项的文本，请为每个问题进行编号，并组织成清晰的问题集。然后对每道题的每个选项进行详细解答，包括知识点分析、正确答案推导及错误选项解释。请使用中文整理并输出。
—— ${pageText};`;
try {
const apiResponse = await sendMessageToAI(prompt);
chatContent.removeChild(loadingMessage);
appendChatMessage(chatContent, 'DeepSeek 回答：', apiResponse);
addCopyButton(chatContent, apiResponse);
} catch (error) {
chatContent.removeChild(loadingMessage);
const errorMessage = document.createElement('div');
errorMessage.textContent = '获取解答时出错，请稍后再试。';
chatContent.appendChild(errorMessage);
}
}
// 初始化按钮容器和父按钮
const buttonContainer = createButtonContainer();
document.body.appendChild(buttonContainer);
const parentButton = createParentButton(buttonContainer);
let isExpanded = false;
// 父按钮点击事件
parentButton.onclick = function(event) {
if (isExpanded) {
hideButtons();
} else {
showButtons();
}
isExpanded = !isExpanded;
};
// 强制重绘元素
function forceRedraw(element) {
element.style.zIndex = 1;
void element.offsetWidth;
element.style.zIndex = '';
}
// 显示子按钮
function showButtons() {
const buttons = Array.from(buttonContainer.querySelectorAll('.option-button'));
const initialTopOffset = -60;
buttons.forEach((button, index) => {
setTimeout(() => {
button.style.display = 'block';
button.style.top = `${initialTopOffset - index * 60}px`;
button.style.opacity = '1';
forceRedraw(button);
}, index * 200);
});
}
// 隐藏子按钮
function hideButtons() {
const buttons = Array.from(buttonContainer.querySelectorAll('.option-button')).reverse();
buttons.forEach((button, index) => {
setTimeout(() => {
button.style.opacity = '0';
setTimeout(() => {
button.style.display = 'none';
button.style.top = '';
forceRedraw(button);
}, 200);
}, index * 200);
});
}
// 创建子按钮和聊天窗口
createOptionButtons(buttonContainer);
createChatWindow(false); // 对话DeepSeek窗口
createChatWindow(true); // 获取页面自动解答窗口
createChatWindow(false, true); // 出题助记窗口
})();