// ==UserScript== // @name chatshare车辆跟踪器，让你更快找到新车 // @namespace http://tampermonkey.net/ // @version 1.3 // @description 跟踪共享账号池中的新车辆并添加复制按钮，让你更快找到新车 // @author schweigen // @match https://chatshare.xyz/pastel/* // @grant GM_addStyle // @grant GM_setClipboard // @license MIT // ==/UserScript== (function() { 'use strict'; // 添加CSS样式 GM_addStyle(` #carTrackerPanel { position: fixed; top: 10px; left: 10px; background-color: white; border: 1px solid #ccc; border-radius: 5px; padding: 10px; z-index: 9999; max-height: 300px; overflow-y: auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); transition: all 0.3s ease; font-family: Arial, sans-serif; font-size: 14px; } #carTrackerHeader { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; } #carTrackerTitle { margin: 0; font-size: 16px; font-weight: bold; color: #333; } .carTrackerButton { padding: 5px 10px; border: none; border-radius: 3px; cursor: pointer; font-size: 12px; margin-right: 5px; margin-bottom: 5px; } #saveButton { background-color: #4CAF50; color: white; } #toggleListButton { background-color: #2196F3; color: white; } #addButton { background-color: #ff9800; color: white; } #togglePanelButton { border: none; background: none; cursor: pointer; font-size: 18px; } #carList { margin-top: 10px; margin-bottom: 10px; max-height: 150px; overflow-y: auto; display: none; } #carList ul { margin: 0; padding-left: 20px; } #addCarInput { width: 150px; padding: 5px; margin-right: 5px; border: 1px solid #ccc; border-radius: 3px; } #addCarForm { display: flex; margin-bottom: 10px; align-items: center; } .newCar { background-color: #ffd54f !important; border: 2px solid #ffc107 !important; animation: pulseBorder 1s infinite alternate !important; } @keyframes pulseBorder { from { box-shadow: 0 0 5px #ffc107; } to { box-shadow: 0 0 15px #ffc107; } } /* 复制按钮样式 */ .copy-button { background-color: #1E90FF; color: white; border: none; border-radius: 3px; padding: 2px 5px; font-size: 10px; cursor: pointer; margin-left: 5px; vertical-align: middle; height: 22px; line-height: 18px; } .copy-button:hover { background-color: #0066CC; } .copy-success { background-color: #4CAF50; } /* 调整车名容器样式 */ .state-info { display: flex !important; align-items: center !important; flex-wrap: wrap !important; justify-content: space-between !important; } .state-info p { margin-right: 5px !important; } /* 顶部通知样式 */ #notificationToast { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 10px 20px; border-radius: 5px; z-index: 10000; font-size: 14px; opacity: 0; transition: opacity 0.3s ease; } .notification-show { opacity: 1 !important; } `); // 全局变量 let isInitialized = false; let checkInterval = null; let urlCheckInterval = null; let lastUrl = ''; // 初始化函数 function init() { console.log('[车辆跟踪器] 初始化中...'); // 创建通知元素 if (!document.getElementById('notificationToast')) { const toast = document.createElement('div'); toast.id = 'notificationToast'; document.body.appendChild(toast); } // 保存当前URL lastUrl = location.href; // 立即检查一次URL checkUrlAndInitialize(); // 设置URL定期检查，每500毫秒检查一次URL变化 urlCheckInterval = setInterval(function() { // 只有当URL发生变化时才检查 if (lastUrl !== location.href) { console.log('[车辆跟踪器] 检测到URL变化:', lastUrl, '->', location.href); lastUrl = location.href; checkUrlAndInitialize(); } }, 500); // 添加常规的hashchange监听 window.addEventListener('hashchange', function() { console.log('[车辆跟踪器] hashchange事件触发'); checkUrlAndInitialize(); }); // 添加popstate监听 window.addEventListener('popstate', function() { console.log('[车辆跟踪器] popstate事件触发'); checkUrlAndInitialize(); }); console.log('[车辆跟踪器] 初始化完成，开始监听URL变化'); } // 检查URL并根据需要初始化功能 function checkUrlAndInitialize() { const isCarListPage = location.hash.startsWith('#/carlist'); console.log('[车辆跟踪器] 检查URL:', location.href, '是否是车辆列表页面:', isCarListPage); if (isCarListPage && !isInitialized) { console.log('[车辆跟踪器] 检测到车辆列表页面，开始启动跟踪器'); // 启动跟踪器前等待DOM加载 setTimeout(startTracker, 1000); } else if (!isCarListPage && isInitialized) { console.log('[车辆跟踪器] 离开车辆列表页面，停止跟踪器'); // 停止跟踪器 stopTracker(); } } // 启动跟踪器 function startTracker() { try { // 创建并添加面板到页面 createPanel(); // 检查新车并高亮显示 checkForNewCars(); // 为所有车名添加复制按钮 addCopyButtons(); // 定期检查新的车辆元素 checkInterval = setInterval(addCopyButtons, 2000); isInitialized = true; showNotification('车辆跟踪器已启动'); } catch (err) { console.error('车辆跟踪器启动失败:', err); } } // 停止跟踪器 function stopTracker() { if (checkInterval) { clearInterval(checkInterval); checkInterval = null; } const panel = document.getElementById('carTrackerPanel'); if (panel) panel.remove(); isInitialized = false; } // 创建面板 function createPanel() { // 检查面板是否已存在 if (document.getElementById('carTrackerPanel')) return; // 创建面板容器 const panel = document.createElement('div'); panel.id = 'carTrackerPanel'; // 创建标题栏 const header = document.createElement('div'); header.id = 'carTrackerHeader'; const title = document.createElement('h3'); title.id = 'carTrackerTitle'; title.textContent = '车辆跟踪器'; const toggleButton = document.createElement('button'); toggleButton.id = 'togglePanelButton'; toggleButton.textContent = '−'; header.appendChild(title); header.appendChild(toggleButton); // 创建添加单个车辆的表单 const addCarForm = document.createElement('div'); addCarForm.id = 'addCarForm'; const addCarInput = document.createElement('input'); addCarInput.id = 'addCarInput'; addCarInput.type = 'text'; addCarInput.placeholder = '输入车辆名称'; const addButton = document.createElement('button'); addButton.id = 'addButton'; addButton.className = 'carTrackerButton'; addButton.textContent = '添加车辆'; addCarForm.appendChild(addCarInput); addCarForm.appendChild(addButton); // 创建内容区 const content = document.createElement('div'); content.id = 'carTrackerContent'; // 创建统计部分 const statsSection = document.createElement('div'); statsSection.id = 'carStats'; // 从localStorage加载车辆 const savedCars = getSavedCars(); const totalCars = document.querySelectorAll('.chatgpt').length; const newCars = countNewCars(savedCars); statsSection.innerHTML = `

统计信息:

已保存车辆: ${savedCars.length}
当前车辆: ${totalCars}
新车辆: ${newCars} (以金色高亮显示)

`; // 创建按钮组 const buttonGroup = document.createElement('div'); buttonGroup.id = 'carTrackerButtons'; const toggleListButton = document.createElement('button'); toggleListButton.id = 'toggleListButton'; toggleListButton.className = 'carTrackerButton'; toggleListButton.textContent = '显示已保存车辆'; const saveButton = document.createElement('button'); saveButton.id = 'saveButton'; saveButton.className = 'carTrackerButton'; saveButton.textContent = '保存当前车辆'; buttonGroup.appendChild(toggleListButton); buttonGroup.appendChild(saveButton); // 创建车辆列表(初始隐藏) const carList = document.createElement('div'); carList.id = 'carList'; if (savedCars.length > 0) { carList.innerHTML = '

已保存车辆:

'; const list = document.createElement('ul'); savedCars.forEach(car => { const item = document.createElement('li'); item.textContent = car; list.appendChild(item); }); carList.appendChild(list); } else { carList.innerHTML = '

尚未保存任何车辆。

'; } // 添加事件监听器 toggleButton.addEventListener('click', function() { if (content.style.display === 'none') { content.style.display = 'block'; toggleButton.textContent = '−'; } else { content.style.display = 'none'; toggleButton.textContent = '+'; } }); toggleListButton.addEventListener('click', function() { if (carList.style.display === 'none') { carList.style.display = 'block'; toggleListButton.textContent = '隐藏已保存车辆'; } else { carList.style.display = 'none'; toggleListButton.textContent = '显示已保存车辆'; } }); saveButton.addEventListener('click', saveCurrentCars); // 添加单个车辆的事件处理 addButton.addEventListener('click', function() { addSingleCar(); }); addCarInput.addEventListener('keypress', function(e) { if (e.key === 'Enter') { e.preventDefault(); addSingleCar(); } }); // 组装面板 content.appendChild(statsSection); content.appendChild(buttonGroup); content.appendChild(carList); panel.appendChild(header); panel.appendChild(addCarForm); panel.appendChild(content); // 将面板添加到页面 document.body.appendChild(panel); } // 为所有车名添加复制按钮 function addCopyButtons() { const carNameElements = document.querySelectorAll('.state-info p'); carNameElements.forEach(nameElement => { // 检查是否已经添加了复制按钮 if (nameElement.parentNode.querySelector('.copy-button')) { return; // 已经有按钮了，跳过 } const carName = nameElement.textContent.trim(); const copyButton = document.createElement('button'); copyButton.textContent = '复制'; copyButton.className = 'copy-button'; copyButton.title = '复制车名到剪贴板'; copyButton.addEventListener('click', function(event) { event.stopPropagation(); // 阻止事件冒泡，避免触发车辆的点击事件 // 复制到剪贴板 GM_setClipboard(carName); // 显示复制成功的视觉反馈 copyButton.textContent = '已复制'; copyButton.classList.add('copy-success'); // 2秒后恢复原样 setTimeout(function() { copyButton.textContent = '复制'; copyButton.classList.remove('copy-success'); }, 2000); }); // 将按钮添加到车名后面 nameElement.parentNode.appendChild(copyButton); }); } // 检查新车并高亮显示 function checkForNewCars() { const savedCars = getSavedCars(); // 获取页面上所有车辆元素 const carElements = document.querySelectorAll('.chatgpt'); carElements.forEach(element => { const nameElement = element.querySelector('.state-info p'); if (nameElement) { const carName = nameElement.textContent.trim(); // 检查这个车是否已保存 if (!savedCars.includes(carName)) { // 高亮显示为新车 element.classList.add('newCar'); } } }); } // 添加单个车辆的功能 function addSingleCar() { const input = document.getElementById('addCarInput'); const carName = input.value.trim(); if (carName) { // 获取现有的保存车辆 const savedCars = getSavedCars(); // 检查是否已经存在 if (!savedCars.includes(carName)) { // 添加到保存列表 savedCars.push(carName); localStorage.setItem('savedCars', JSON.stringify(savedCars)); // 更新UI updateCarList(savedCars); updateStats(); // 查找并移除高亮 const carElements = document.querySelectorAll('.chatgpt'); carElements.forEach(element => { const nameElement = element.querySelector('.state-info p'); if (nameElement && nameElement.textContent.trim() === carName) { element.classList.remove('newCar'); } }); // 清空输入框 input.value = ''; // 显示通知 showNotification(`已添加车辆: ${carName}`); } else { showNotification(`车辆 ${carName} 已在保存列表中!`); } } else { showNotification('请输入车辆名称!'); } } // 保存当前所有车辆 function saveCurrentCars() { // 清除之前保存的车辆 localStorage.removeItem('savedCars'); // 获取页面上所有车辆元素 const carElements = document.querySelectorAll('.chatgpt'); const currentCars = []; carElements.forEach(element => { const nameElement = element.querySelector('.state-info p'); if (nameElement) { const carName = nameElement.textContent.trim(); currentCars.push(carName); // 移除高亮 element.classList.remove('newCar'); } }); // 保存到localStorage localStorage.setItem('savedCars', JSON.stringify(currentCars)); // 更新UI updateCarList(currentCars); updateStats(); // 显示通知 showNotification('当前车辆已成功保存!'); } // 更新车辆列表UI function updateCarList(cars) { const carList = document.getElementById('carList'); if (carList) { if (cars.length > 0) { carList.innerHTML = '

已保存车辆:

'; const list = document.createElement('ul'); cars.forEach(car => { const item = document.createElement('li'); item.textContent = car; list.appendChild(item); }); carList.appendChild(list); } else { carList.innerHTML = '

尚未保存任何车辆。

'; } } } // 更新统计信息 function updateStats() { const statsSection = document.getElementById('carStats'); if (statsSection) { const savedCars = getSavedCars(); const totalCars = document.querySelectorAll('.chatgpt').length; const newCars = countNewCars(savedCars); statsSection.innerHTML = `

统计信息:

已保存车辆: ${savedCars.length}
当前车辆: ${totalCars}
新车辆: ${newCars} (以金色高亮显示)

`; } } // 从localStorage获取保存的车辆 function getSavedCars() { const cars = localStorage.getItem('savedCars'); return cars ? JSON.parse(cars) : []; } // 计算新车数量 function countNewCars(savedCars) { let count = 0; const carElements = document.querySelectorAll('.chatgpt'); carElements.forEach(element => { const nameElement = element.querySelector('.state-info p'); if (nameElement) { const carName = nameElement.textContent.trim(); if (!savedCars.includes(carName)) { count++; } } }); return count; } // 显示通知 function showNotification(message, duration = 3000) { const toast = document.getElementById('notificationToast'); if (toast) { toast.textContent = message; toast.classList.add('notification-show'); setTimeout(() => { toast.classList.remove('notification-show'); }, duration); } } // 启动脚本 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();