507 lines
21 KiB
JavaScript
507 lines
21 KiB
JavaScript
|
// ==UserScript==
|
|||
|
|
// @name BIN文件上传提取Token工具
|
|||
|
|
// @namespace http://tampermonkey.net/
|
|||
|
|
// @version 0.5
|
|||
|
|
// @description 上传BIN文件提取RoleToken并生成WSS链接
|
|||
|
|
// @author 豆包编程助手
|
|||
|
|
// @match *://*/*
|
|||
|
|
// @grant GM_xmlhttpRequest
|
|||
|
|
// @grant GM_setClipboard
|
|||
|
|
// ==/UserScript==
|
|||
|
|
|
|||
|
|
(function() {
|
|||
|
|
'use strict';
|
|||
|
|
|
|||
|
|
// 界面状态变量
|
|||
|
|
let toolContainer = null;
|
|||
|
|
let isToolVisible = false;
|
|||
|
|
|
|||
|
|
// 创建工具界面
|
|||
|
|
function createToolUI() {
|
|||
|
|
// 检查是否已存在界面
|
|||
|
|
if (document.getElementById('bin-token-extractor')) {
|
|||
|
|
toolContainer = document.getElementById('bin-token-extractor');
|
|||
|
|
return toolContainer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 创建容器（固定宽度380px）
|
|||
|
|
const container = document.createElement('div');
|
|||
|
|
container.id = 'bin-token-extractor';
|
|||
|
|
container.style.cssText = `
|
|||
|
|
position: fixed;
|
|||
|
|
top: 50%;
|
|||
|
|
right: 20px;
|
|||
|
|
transform: translateY(-50%);
|
|||
|
|
background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
|
|||
|
|
border-radius: 16px;
|
|||
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
|
|||
|
|
width: 380px;
|
|||
|
|
max-height: 80vh;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
padding: 25px;
|
|||
|
|
z-index: 99999;
|
|||
|
|
display: none; /* 默认隐藏 */
|
|||
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|||
|
|
`;
|
|||
|
|
|
|||
|
|
// 优化后的HTML结构
|
|||
|
|
container.innerHTML = `
|
|||
|
|
<div style="text-align: center; margin-bottom: 15px;">
|
|||
|
|
<h2 style="margin: 0 0 10px 0; color: #2c3e50; font-size: 18px; font-weight: 600;">BIN文件Token提取工具</h2>
|
|||
|
|
<p style="margin: 0; color: #7f8c8d; font-size: 13px;">上传文件，提取RoleToken并生成WSS链接</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="uploadArea" style="border: 2px dashed #d1d9e6; border-radius: 12px; padding: 30px 15px; margin-bottom: 20px; cursor: pointer; transition: all 0.3s; background-color: #f8fafc; position: relative;">
|
|||
|
|
<div style="font-size: 48px; color: #3b82f6; margin-bottom: 12px;">📂</div>
|
|||
|
|
<p style="font-size: 16px; color: #334155; margin-bottom: 5px; font-weight: 500;">点击或拖放BIN文件</p>
|
|||
|
|
<p style="font-size: 12px; color: #94a3b8; margin: 0;">仅支持 .bin 格式文件</p>
|
|||
|
|
<input type="file" id="fileInput" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer;" accept=".bin">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="fileInfo" style="margin-top: 10px; padding: 10px; background-color: #eff6ff; border-radius: 8px; font-size: 13px; color: #3b82f6; display: none; border-left: 3px solid #3b82f6;"></div>
|
|||
|
|
|
|||
|
|
<div id="progressContainer" style="margin: 15px 0; display: none;">
|
|||
|
|
<div style="display: flex; justify-content: space-between; margin-bottom: 5px;">
|
|||
|
|
<span style="font-size: 12px; color: #64748b; font-weight: 500;">上传进度</span>
|
|||
|
|
<span id="progressText" style="font-size: 12px; color: #64748b;">0%</span>
|
|||
|
|
</div>
|
|||
|
|
<div style="height: 6px; background-color: #e2e8f0; border-radius: 3px; overflow: hidden;">
|
|||
|
|
<div id="progressBar" style="height: 100%; background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%); width: 0%; transition: width 0.4s ease;"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="statusMessage" style="padding: 10px; border-radius: 8px; margin: 10px 0; text-align: center; font-weight: 500; display: none; font-size: 13px; transition: all 0.3s;"></div>
|
|||
|
|
|
|||
|
|
<button id="uploadBtn" style="background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%); color: white; border: none; padding: 12px 15px; width: 100%; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); margin-top: 5px; opacity: 0.7; transform: translateY(2px);" disabled>上传并提取Token</button>
|
|||
|
|
|
|||
|
|
<div id="resultContainer" style="margin-top: 20px; padding: 18px; background-color: #f8fafc; border-radius: 12px; text-align: left; display: none; border: 1px solid #e2e8f0; transform: translateY(10px); opacity: 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
|
|||
|
|
<h3 style="color: #1e40af; margin: 0 0 12px 0; font-size: 15px; display: flex; align-items: center;">
|
|||
|
|
<span style="margin-right: 8px;">🔗</span>完整WebSocket链接
|
|||
|
|
</h3>
|
|||
|
|
<div id="wssLinkDisplay" style="word-break: break-all; font-family: monospace; font-size: 12px; color: #1e293b; line-height: 1.6; padding: 12px; background-color: white; border-radius: 8px; border: 1px solid #e2e8f0; margin-top: 5px; max-height: 120px; overflow-y: auto;"></div>
|
|||
|
|
<button id="copyWssLinkBtn" style="background: #10b981; color: white; border: none; padding: 7px 14px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: all 0.3s; margin-top: 10px; box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25);">
|
|||
|
|
<span style="margin-right: 5px;">📋</span>复制WSS链接
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
`;
|
|||
|
|
|
|||
|
|
document.body.appendChild(container);
|
|||
|
|
toolContainer = container;
|
|||
|
|
return container;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 切换工具显示/隐藏状态
|
|||
|
|
function toggleTool() {
|
|||
|
|
if (!toolContainer) {
|
|||
|
|
createToolUI();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
isToolVisible = !isToolVisible;
|
|||
|
|
|
|||
|
|
if (isToolVisible) {
|
|||
|
|
// 显示工具并添加淡入动画
|
|||
|
|
toolContainer.style.display = 'block';
|
|||
|
|
setTimeout(() => {
|
|||
|
|
toolContainer.style.opacity = '1';
|
|||
|
|
toolContainer.style.transform = 'translateY(-50%) scale(1)';
|
|||
|
|
}, 10);
|
|||
|
|
// 初始化工具功能
|
|||
|
|
initToolFunctions();
|
|||
|
|
} else {
|
|||
|
|
// 添加淡出动画后隐藏
|
|||
|
|
toolContainer.style.opacity = '0';
|
|||
|
|
toolContainer.style.transform = 'translateY(-50%) scale(0.95)';
|
|||
|
|
setTimeout(() => {
|
|||
|
|
toolContainer.style.display = 'none';
|
|||
|
|
}, 300);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 初始化工具功能
|
|||
|
|
function initToolFunctions() {
|
|||
|
|
if (!toolContainer) return;
|
|||
|
|
|
|||
|
|
// 获取DOM元素
|
|||
|
|
const uploadArea = toolContainer.querySelector('#uploadArea');
|
|||
|
|
const fileInput = toolContainer.querySelector('#fileInput');
|
|||
|
|
const fileInfo = toolContainer.querySelector('#fileInfo');
|
|||
|
|
const uploadBtn = toolContainer.querySelector('#uploadBtn');
|
|||
|
|
const progressContainer = toolContainer.querySelector('#progressContainer');
|
|||
|
|
const progressBar = toolContainer.querySelector('#progressBar');
|
|||
|
|
const progressText = toolContainer.querySelector('#progressText');
|
|||
|
|
const statusMessage = toolContainer.querySelector('#statusMessage');
|
|||
|
|
const resultContainer = toolContainer.querySelector('#resultContainer');
|
|||
|
|
const wssLinkDisplay = toolContainer.querySelector('#wssLinkDisplay');
|
|||
|
|
const copyWssLinkBtn = toolContainer.querySelector('#copyWssLinkBtn');
|
|||
|
|
|
|||
|
|
let selectedFile = null;
|
|||
|
|
let extractedToken = null;
|
|||
|
|
|
|||
|
|
// 点击上传区域触发文件选择
|
|||
|
|
uploadArea.addEventListener('click', function(e) {
|
|||
|
|
if (e.target !== fileInput) {
|
|||
|
|
fileInput.click();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 拖放功能
|
|||
|
|
['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
|
|||
|
|
uploadArea.addEventListener(eventName, preventDefaults, false);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function preventDefaults(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
e.stopPropagation();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
['dragenter', 'dragover'].forEach(eventName => {
|
|||
|
|
uploadArea.addEventListener(eventName, highlight, false);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
['dragleave', 'drop'].forEach(eventName => {
|
|||
|
|
uploadArea.addEventListener(eventName, unhighlight, false);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function highlight() {
|
|||
|
|
uploadArea.style.borderColor = '#3b82f6';
|
|||
|
|
uploadArea.style.backgroundColor = 'rgba(59, 130, 246, 0.05)';
|
|||
|
|
uploadArea.style.transform = 'scale(1.02)';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function unhighlight() {
|
|||
|
|
uploadArea.style.borderColor = '#d1d9e6';
|
|||
|
|
uploadArea.style.backgroundColor = '#f8fafc';
|
|||
|
|
uploadArea.style.transform = 'scale(1)';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 文件拖放处理
|
|||
|
|
uploadArea.addEventListener('drop', handleDrop, false);
|
|||
|
|
|
|||
|
|
function handleDrop(e) {
|
|||
|
|
const dt = e.dataTransfer;
|
|||
|
|
const files = dt.files;
|
|||
|
|
|
|||
|
|
if (files.length) {
|
|||
|
|
handleFiles(files);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 文件选择处理
|
|||
|
|
fileInput.addEventListener('change', function() {
|
|||
|
|
if (this.files.length) {
|
|||
|
|
handleFiles(this.files);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function handleFiles(files) {
|
|||
|
|
const file = files[0];
|
|||
|
|
|
|||
|
|
// 检查文件类型
|
|||
|
|
if (!file.name.toLowerCase().endsWith('.bin')) {
|
|||
|
|
showStatus('请选择.bin格式的文件', 'error');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
selectedFile = file;
|
|||
|
|
updateFileInfo(file);
|
|||
|
|
uploadBtn.disabled = false;
|
|||
|
|
uploadBtn.style.opacity = '1';
|
|||
|
|
uploadBtn.style.transform = 'translateY(0)';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function updateFileInfo(file) {
|
|||
|
|
fileInfo.textContent = `已选择: ${file.name} (${formatFileSize(file.size)})`;
|
|||
|
|
fileInfo.style.display = 'block';
|
|||
|
|
// 添加淡入动画
|
|||
|
|
fileInfo.style.opacity = '0';
|
|||
|
|
setTimeout(() => {
|
|||
|
|
fileInfo.style.opacity = '1';
|
|||
|
|
}, 10);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function formatFileSize(bytes) {
|
|||
|
|
if (bytes === 0) return '0 Bytes';
|
|||
|
|
const k = 1024;
|
|||
|
|
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
|
|||
|
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|||
|
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 上传按钮点击事件
|
|||
|
|
uploadBtn.addEventListener('click', function() {
|
|||
|
|
if (!selectedFile) {
|
|||
|
|
showStatus('请先选择文件', 'error');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 禁用上传按钮，防止重复点击
|
|||
|
|
uploadBtn.disabled = true;
|
|||
|
|
uploadBtn.style.opacity = '0.7';
|
|||
|
|
uploadBtn.style.transform = 'translateY(2px)';
|
|||
|
|
|
|||
|
|
// 隐藏之前的结果
|
|||
|
|
resultContainer.style.display = 'none';
|
|||
|
|
|
|||
|
|
// 显示进度条
|
|||
|
|
progressContainer.style.display = 'block';
|
|||
|
|
progressBar.style.width = '0%';
|
|||
|
|
progressText.textContent = '0%';
|
|||
|
|
|
|||
|
|
// 直接上传文件
|
|||
|
|
uploadFile(selectedFile);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function uploadFile(file) {
|
|||
|
|
showStatus('正在上传文件...', '');
|
|||
|
|
|
|||
|
|
// 读取文件内容
|
|||
|
|
const reader = new FileReader();
|
|||
|
|
reader.onload = function(e) {
|
|||
|
|
const arrayBuffer = e.target.result;
|
|||
|
|
|
|||
|
|
// 配置请求
|
|||
|
|
GM_xmlhttpRequest({
|
|||
|
|
method: 'POST',
|
|||
|
|
url: 'https://xxz-xyzw.hortorgames.com/login/authuser?_seq=1',
|
|||
|
|
data: arrayBuffer,
|
|||
|
|
headers: {
|
|||
|
|
'Content-Type': 'application/octet-stream'
|
|||
|
|
},
|
|||
|
|
responseType: 'arraybuffer',
|
|||
|
|
onprogress: function(e) {
|
|||
|
|
if (e.lengthComputable) {
|
|||
|
|
const percentComplete = (e.loaded / e.total) * 100;
|
|||
|
|
progressBar.style.width = percentComplete + '%';
|
|||
|
|
progressText.textContent = Math.round(percentComplete) + '%';
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onload: function(response) {
|
|||
|
|
if (response.status >= 200 && response.status < 300) {
|
|||
|
|
try {
|
|||
|
|
// 处理二进制响应
|
|||
|
|
const arrayBuffer = response.response;
|
|||
|
|
if (arrayBuffer) {
|
|||
|
|
// 提取RoleToken
|
|||
|
|
extractRoleToken(arrayBuffer);
|
|||
|
|
showStatus('Token提取成功！', 'success');
|
|||
|
|
} else {
|
|||
|
|
showStatus('上传成功，但响应为空', 'error');
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
showStatus('处理响应时出错: ' + e.message, 'error');
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
showStatus('上传失败: ' + response.statusText, 'error');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 重新启用上传按钮
|
|||
|
|
uploadBtn.disabled = false;
|
|||
|
|
uploadBtn.style.opacity = '1';
|
|||
|
|
uploadBtn.style.transform = 'translateY(0)';
|
|||
|
|
},
|
|||
|
|
onerror: function() {
|
|||
|
|
showStatus('上传过程中发生错误', 'error');
|
|||
|
|
uploadBtn.disabled = false;
|
|||
|
|
uploadBtn.style.opacity = '1';
|
|||
|
|
uploadBtn.style.transform = 'translateY(0)';
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
reader.onerror = function() {
|
|||
|
|
showStatus('读取文件失败', 'error');
|
|||
|
|
uploadBtn.disabled = false;
|
|||
|
|
uploadBtn.style.opacity = '1';
|
|||
|
|
uploadBtn.style.transform = 'translateY(0)';
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
reader.readAsArrayBuffer(file);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function extractRoleToken(arrayBuffer) {
|
|||
|
|
try {
|
|||
|
|
// 将ArrayBuffer转换为Uint8Array以便处理
|
|||
|
|
const bytes = new Uint8Array(arrayBuffer);
|
|||
|
|
|
|||
|
|
// 转换为ASCII字符串以便搜索
|
|||
|
|
let asciiString = '';
|
|||
|
|
for (let i = 0; i < bytes.length; i++) {
|
|||
|
|
// 只转换可打印的ASCII字符（32-126）
|
|||
|
|
if (bytes[i] >= 32 && bytes[i] <= 126) {
|
|||
|
|
asciiString += String.fromCharCode(bytes[i]);
|
|||
|
|
} else {
|
|||
|
|
asciiString += '.'; // 用点号表示不可打印字符
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 搜索Token的位置 - 查找 "Token" 字符串
|
|||
|
|
const tokenIndex = asciiString.indexOf('Token');
|
|||
|
|
|
|||
|
|
if (tokenIndex !== -1) {
|
|||
|
|
// 找到Token标记，提取Token值
|
|||
|
|
let tokenStart = tokenIndex + 5; // "Token"长度为5
|
|||
|
|
|
|||
|
|
// 跳过可能的非Base64字符，直到找到Base64字符
|
|||
|
|
while (tokenStart < asciiString.length) {
|
|||
|
|
const char = asciiString[tokenStart];
|
|||
|
|
if (isBase64Char(char)) {
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
tokenStart++;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 提取Base64 Token
|
|||
|
|
let tokenEnd = tokenStart;
|
|||
|
|
while (tokenEnd < asciiString.length && isBase64Char(asciiString[tokenEnd])) {
|
|||
|
|
tokenEnd++;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const tokenValue = asciiString.substring(tokenStart, tokenEnd);
|
|||
|
|
|
|||
|
|
if (tokenValue.length > 0) {
|
|||
|
|
extractedToken = tokenValue;
|
|||
|
|
resultContainer.style.display = 'block';
|
|||
|
|
|
|||
|
|
// 触发动画
|
|||
|
|
setTimeout(() => {
|
|||
|
|
resultContainer.style.transform = 'translateY(0)';
|
|||
|
|
resultContainer.style.opacity = '1';
|
|||
|
|
}, 10);
|
|||
|
|
|
|||
|
|
// 生成并显示完整的WSS链接
|
|||
|
|
generateAndDisplayWssLink(extractedToken);
|
|||
|
|
|
|||
|
|
// 平滑滚动到结果区域
|
|||
|
|
resultContainer.scrollIntoView({ behavior: 'smooth' });
|
|||
|
|
} else {
|
|||
|
|
showStatus('找到Token标记但未找到Token值', 'error');
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
showStatus('在响应中未找到Token标记', 'error');
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
showStatus('提取Token时发生错误: ' + error.message, 'error');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function isBase64Char(char) {
|
|||
|
|
// Base64字符集: A-Z, a-z, 0-9, +, /, =
|
|||
|
|
return /[A-Za-z0-9+/=]/.test(char);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showStatus(message, type) {
|
|||
|
|
statusMessage.textContent = message;
|
|||
|
|
statusMessage.className = '';
|
|||
|
|
statusMessage.style.backgroundColor = '';
|
|||
|
|
statusMessage.style.color = '';
|
|||
|
|
statusMessage.style.boxShadow = 'none';
|
|||
|
|
|
|||
|
|
if (type === 'success') {
|
|||
|
|
statusMessage.style.backgroundColor = 'rgba(16, 185, 129, 0.1)';
|
|||
|
|
statusMessage.style.color = '#059669';
|
|||
|
|
statusMessage.style.borderLeft = '3px solid #10b981';
|
|||
|
|
} else if (type === 'error') {
|
|||
|
|
statusMessage.style.backgroundColor = 'rgba(239, 68, 68, 0.1)';
|
|||
|
|
statusMessage.style.color = '#dc2626';
|
|||
|
|
statusMessage.style.borderLeft = '3px solid #ef4444';
|
|||
|
|
} else {
|
|||
|
|
statusMessage.style.backgroundColor = 'rgba(59, 130, 246, 0.1)';
|
|||
|
|
statusMessage.style.color = '#2563eb';
|
|||
|
|
statusMessage.style.borderLeft = '3px solid #3b82f6';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
statusMessage.style.display = 'block';
|
|||
|
|
statusMessage.style.opacity = '0';
|
|||
|
|
statusMessage.style.transform = 'translateY(10px)';
|
|||
|
|
|
|||
|
|
// 触发淡入动画
|
|||
|
|
setTimeout(() => {
|
|||
|
|
statusMessage.style.opacity = '1';
|
|||
|
|
statusMessage.style.transform = 'translateY(0)';
|
|||
|
|
}, 10);
|
|||
|
|
|
|||
|
|
// 3秒后自动隐藏非错误状态
|
|||
|
|
if (type !== 'error') {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
statusMessage.style.opacity = '0';
|
|||
|
|
statusMessage.style.transform = 'translateY(10px)';
|
|||
|
|
setTimeout(() => {
|
|||
|
|
statusMessage.style.display = 'none';
|
|||
|
|
}, 300);
|
|||
|
|
}, 3000);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 复制完整WSS链接按钮事件
|
|||
|
|
copyWssLinkBtn.addEventListener('click', function() {
|
|||
|
|
const wssLink = wssLinkDisplay.textContent;
|
|||
|
|
|
|||
|
|
if (!wssLink) return;
|
|||
|
|
|
|||
|
|
GM_setClipboard(wssLink);
|
|||
|
|
// 按钮点击反馈
|
|||
|
|
this.style.backgroundColor = '#059669';
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.style.backgroundColor = '#10b981';
|
|||
|
|
}, 200);
|
|||
|
|
showStatus('WSS链接已复制', 'success');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 生成并显示完整的WSS链接
|
|||
|
|
function generateAndDisplayWssLink(token) {
|
|||
|
|
// 生成随机的会话ID和连接ID
|
|||
|
|
const currentTime = Date.now();
|
|||
|
|
const sessId = currentTime * 100 + Math.floor(Math.random() * 100);
|
|||
|
|
const connId = currentTime + Math.floor(Math.random() * 10);
|
|||
|
|
|
|||
|
|
// 构建WebSocket参数
|
|||
|
|
const wssParams = `{"roleToken":"${token}","sessId":${sessId},"connId":${connId},"isRestore":0}`;
|
|||
|
|
|
|||
|
|
// 显示完整的WSS链接参数
|
|||
|
|
wssLinkDisplay.textContent = wssParams;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 创建切换按钮（兼具显示和关闭功能）
|
|||
|
|
function createToggleButton() {
|
|||
|
|
// 创建按钮
|
|||
|
|
const toggleBtn = document.createElement('button');
|
|||
|
|
toggleBtn.innerHTML = `<span style="margin-right: 6px;">🔑</span>BIN Token提取`;
|
|||
|
|
toggleBtn.style.cssText = `
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 20px;
|
|||
|
|
right: 20px;
|
|||
|
|
background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
|
|||
|
|
color: white;
|
|||
|
|
border: none;
|
|||
|
|
padding: 10px 18px;
|
|||
|
|
border-radius: 50px;
|
|||
|
|
font-size: 13px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
cursor: pointer;
|
|||
|
|
box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
|
|||
|
|
white-space: nowrap;
|
|||
|
|
z-index: 99998;
|
|||
|
|
transition: all 0.3s;
|
|||
|
|
`;
|
|||
|
|
|
|||
|
|
// 添加悬停效果
|
|||
|
|
toggleBtn.addEventListener('mouseenter', () => {
|
|||
|
|
toggleBtn.style.transform = 'translateY(-2px)';
|
|||
|
|
toggleBtn.style.boxShadow = '0 6px 20px rgba(59, 130, 246, 0.4)';
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
toggleBtn.addEventListener('mouseleave', () => {
|
|||
|
|
toggleBtn.style.transform = 'translateY(0)';
|
|||
|
|
toggleBtn.style.boxShadow = '0 4px 15px rgba(59, 130, 246, 0.3)';
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 添加点击事件 - 切换显示/隐藏
|
|||
|
|
toggleBtn.addEventListener('click', toggleTool);
|
|||
|
|
|
|||
|
|
document.body.appendChild(toggleBtn);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 页面加载完成后创建切换按钮
|
|||
|
|
window.addEventListener('load', createToggleButton);
|
|||
|
|
})();
|