// ==UserScript==
// @name JavDB列表页显示是否已看
// @namespace http://tampermonkey.net/
// @version 2025.02.19.2300
// @description 在演员列表页，显示每部影片是否已看，就难得点进去看了
// @author Ryen
// @match https://javdb.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=javdb.com
// @grant GM_xmlhttpRequest
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_listValues
// @license GPL-3.0-only
// ==/UserScript==
// 调试开关
const DEBUG = false;
// 版本
const VERSION = '2025.02.15.0355';
const fadeDuration = 500; // 消息渐变持续时间
const displayDuration = 3000; // 消息显示持续时间
const maxMessages = 3; // 最大显示消息数量
let counter = 0; // 初始化计数器
let lastItemCount = 0; // 存储上一次的电影项目数量
let storedIds = new Set(); // 使用 Set 存储唯一 ID
const styleMap = {
'我看過這部影片': 'tag is-success is-light',
'我想看這部影片': 'tag is-info is-light',
'未看过': 'tag is-gray',
};
// 在这里定义 hideWatchedVideos
let hideWatchedVideos = GM_getValue('hideWatchedVideos', false);
console.log('初始化 hideWatchedVideos:', hideWatchedVideos);
// 在 styleMap 下面添加新的变量
let hideViewedVideos = GM_getValue('hideViewedVideos', false);
console.log('初始化 hideViewedVideos:', hideViewedVideos);
const indicatorTexts = ['我看過這部影片', '我想看這部影片'];
const validUrlPatterns = [
/https:\/\/javdb\.com\/users\/want_watch_videos.*/,
/https:\/\/javdb\.com\/users\/watched_videos.*/,
/https:\/\/javdb\.com\/users\/list_detail.*/,
/https:\/\/javdb\.com\/lists.*/
];
// 消息容器
const messageContainer = document.createElement('div');
messageContainer.style.position = 'fixed';
messageContainer.style.bottom = '20px';
messageContainer.style.right = '20px';
messageContainer.style.zIndex = '9999';
messageContainer.style.pointerEvents = 'none';
messageContainer.style.maxWidth = '500px';
messageContainer.style.display = 'flex';
messageContainer.style.flexDirection = 'column';
document.body.appendChild(messageContainer);
// 渐入效果
function fadeIn(el) {
el.style.opacity = 0;
el.style.display = 'block';
const startTime = performance.now();
function animate(time) {
const elapsed = time - startTime;
el.style.opacity = Math.min((elapsed / fadeDuration), 1);
if (elapsed < fadeDuration) {
requestAnimationFrame(animate);
}
}
requestAnimationFrame(animate);
}
// 渐出效果
function fadeOut(el) {
const startTime = performance.now();
function animate(time) {
const elapsed = time - startTime;
el.style.opacity = 1 - Math.min((elapsed / fadeDuration), 1);
if (elapsed < fadeDuration) {
requestAnimationFrame(animate);
} else {
el.remove();
}
}
requestAnimationFrame(animate);
}
// 显示信息
function logToScreen(message, bgColor = 'rgba(169, 169, 169, 0.8)', textColor = 'white') {
const messageBox = document.createElement('div');
messageBox.style.padding = '10px';
messageBox.style.borderRadius = '5px';
messageBox.style.backgroundColor = bgColor;
messageBox.style.color = textColor;
messageBox.style.fontSize = '12px';
messageBox.style.marginBottom = '10px';
messageBox.style.pointerEvents = 'none';
messageBox.style.wordWrap = 'break-word';
messageBox.style.maxWidth = '100%';
messageBox.innerHTML = message;
messageContainer.appendChild(messageBox);
fadeIn(messageBox);
setTimeout(() => {
fadeOut(messageBox);
}, displayDuration);
if (messageContainer.childElementCount > maxMessages) {
fadeOut(messageContainer.firstChild);
}
}
async function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
// 创建调试日志函数
function debugLog(...args) {
if (DEBUG) {
console.log(...args);
}
}
// 添加全局变量声明
let exportButton = null;
let stopButton = null;
let isExporting = false;
let exportState = {
allowExport: false,
currentPage: 1,
maxPage: null
};
let uploadTimeDisplay;
let idCountDisplay;
// 将 updateCountDisplay 函数移到全局作用域
function updateCountDisplay() {
if (!idCountDisplay) {
return; // 如果 idCountDisplay 还没有初始化，直接返回
}
const watchedCount = storedIds.size;
const browseHistory = new Set(GM_getValue('videoBrowseHistory', []));
const browseCount = browseHistory.size;
idCountDisplay.innerHTML = `
<div style="margin-bottom: 5px;">已看番号总数: ${watchedCount}</div>
<div>已浏览番号总数: ${browseCount}</div>
`;
}
(function () {
'use strict';
debugLog('开始初始化面板...');
let panelVisible = false;
const circlePosition = { left: -40, top: 60 };
let lastUploadTime = "";
// 面板样式优化
const panel = document.createElement('div');
debugLog('创建面板元素');
panel.style.position = 'fixed';
panel.style.border = 'none';
panel.style.backgroundColor = 'rgba(255, 255, 255, 0.98)';
panel.style.padding = '20px';
panel.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.15)';
panel.style.maxWidth = '320px';
panel.style.width = '90vw';
panel.style.maxHeight = '90vh';
panel.style.overflowY = 'auto';
panel.style.overflowX = 'hidden';
panel.style.borderRadius = '12px';
panel.style.display = 'none';
panel.style.zIndex = 10001;
panel.style.fontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
// 确保面板被添加到文档中
document.body.appendChild(panel);
debugLog('面板已添加到文档中');
// 添加滚动条样式
panel.style.scrollbarWidth = 'thin'; // Firefox
panel.style.scrollbarColor = '#ccc transparent'; // Firefox
// Webkit浏览器的滚动条样式
const styleSheet = document.createElement('style');
styleSheet.textContent = `
#${panel.id}::-webkit-scrollbar {
width: 6px;
}
#${panel.id}::-webkit-scrollbar-track {
background: transparent;
}
#${panel.id}::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 3px;
}
`;
document.head.appendChild(styleSheet);
// 修改面板位置计算
function updatePanelPosition(panel, top) {
debugLog('更新面板位置');
const windowHeight = window.innerHeight;
const panelHeight = panel.offsetHeight;
debugLog('窗口高度:', windowHeight, '面板高度:', panelHeight);
let finalTop = top;
if (top + panelHeight > windowHeight - 20) {
finalTop = Math.max(20, windowHeight - panelHeight - 20);
}
finalTop = Math.max(20, finalTop);
panel.style.top = `${finalTop}px`;
panel.style.left = '10px';
debugLog('面板最终位置:', finalTop);
}
// 创建标题
const title = document.createElement('div');
title.textContent = '番号数据上传与搜索';
title.style.fontWeight = '600';
title.style.fontSize = '16px';
title.style.marginBottom = '15px';
title.style.color = '#333';
title.style.borderBottom = '1px solid #eee';
title.style.paddingBottom = '10px';
debugLog('创建标题');
// 帮助符号
const titleHelpIcon = document.createElement('span');
titleHelpIcon.textContent = 'ℹ️';
titleHelpIcon.style.cursor = 'pointer';
titleHelpIcon.style.marginLeft = '10px';
titleHelpIcon.title = '目前只过滤"看过"，更新脚本数据会被清空';
title.appendChild(titleHelpIcon);
// 文件上传按钮样式优化
const uploadButton = document.createElement('input');
uploadButton.type = 'file';
uploadButton.accept = '.json';
uploadButton.style.marginBottom = '15px';
uploadButton.style.width = '100%';
uploadButton.style.padding = '8px';
uploadButton.style.border = '1px solid #ddd';
uploadButton.style.borderRadius = '6px';
// 创建一个容器来包含上传按钮和帮助图标
const uploadContainer = document.createElement('div');
uploadContainer.style.position = 'relative';
uploadContainer.style.marginBottom = '15px';
uploadContainer.style.display = 'flex'; // 使用flex布局
uploadContainer.style.alignItems = 'center'; // 垂直居中
uploadContainer.style.gap = '8px'; // 元素之间的间距
uploadContainer.style.width = '100%';
panel.appendChild(uploadContainer);
// 创建一个包装上传按钮的容器
const uploadButtonWrapper = document.createElement('div');
uploadButtonWrapper.style.flex = '1'; // 占据剩余空间
uploadButtonWrapper.style.minWidth = '0'; // 防止内容溢出
uploadContainer.appendChild(uploadButtonWrapper);
uploadButtonWrapper.appendChild(uploadButton);
// 帮助符号
const uploadHelpIcon = document.createElement('span');
uploadHelpIcon.textContent = 'ℹ️'; // 图标
uploadHelpIcon.style.cursor = 'pointer';
uploadHelpIcon.style.flexShrink = '0'; // 防止图标被压缩
uploadHelpIcon.style.padding = '4px'; // 增加点击区域
uploadHelpIcon.title = '前往"看过"页面进行导出文件';
uploadContainer.appendChild(uploadHelpIcon);
// 开关按钮样式优化和事件处理
const toggleContainer = document.createElement('div');
toggleContainer.style.display = 'flex';
toggleContainer.style.alignItems = 'center';
toggleContainer.style.gap = '8px';
toggleContainer.style.marginTop = '10px';
toggleContainer.style.marginBottom = '15px';
const toggleHideButton = document.createElement('button');
toggleHideButton.textContent = hideWatchedVideos ? '当前：隐藏已看的番号' : '当前：显示已看的番号';
toggleHideButton.style.flex = '1';
toggleHideButton.style.padding = '8px 12px';
toggleHideButton.style.backgroundColor = hideWatchedVideos ? '#ff4757' : '#2ed573';
toggleHideButton.style.color = 'white';
toggleHideButton.style.border = 'none';
toggleHideButton.style.borderRadius = '6px';
toggleHideButton.style.cursor = 'pointer';
toggleHideButton.style.transition = 'all 0.3s ease';
// 帮助符号
const toggleHelpIcon = document.createElement('span');
toggleHelpIcon.textContent = 'ℹ️';
toggleHelpIcon.style.cursor = 'pointer';
toggleHelpIcon.style.padding = '4px';
toggleHelpIcon.title = '点击切换';
// 将按钮和帮助符号添加到容器
toggleContainer.appendChild(toggleHideButton);
toggleContainer.appendChild(toggleHelpIcon);
// 添加按钮悬停效果
toggleHideButton.addEventListener('mouseover', function () {
this.style.opacity = '0.9';
});
toggleHideButton.addEventListener('mouseout', function () {
this.style.opacity = '1';
});
// 添加开关按钮点击事件
toggleHideButton.addEventListener('click', function () {
debugLog('开关按钮被点击');
hideWatchedVideos = !hideWatchedVideos;
debugLog('切换 hideWatchedVideos 为:', hideWatchedVideos);
// 更新按钮文本和颜色
this.textContent = hideWatchedVideos ? '当前：隐藏已看的番号' : '当前：显示已看的番号';
this.style.backgroundColor = hideWatchedVideos ? '#ff4757' : '#2ed573';
// 保存设置
GM_setValue('hideWatchedVideos', hideWatchedVideos);
if (!hideWatchedVideos) {
// 如果切换到显示模式，自动刷新页面
debugLog('切换到显示模式，准备刷新页面');
location.reload();
} else {
// 如果切换到隐藏模式，直接处理当前页面
processLoadedItems();
}
});
// 添加开关按钮到面板
panel.appendChild(toggleContainer);
// 在创建 toggleContainer 后添加新的容器和按钮
const toggleViewedContainer = document.createElement('div');
toggleViewedContainer.style.display = 'flex';
toggleViewedContainer.style.alignItems = 'center';
toggleViewedContainer.style.gap = '8px';
toggleViewedContainer.style.marginTop = '10px';
toggleViewedContainer.style.marginBottom = '15px';
const toggleViewedButton = document.createElement('button');
toggleViewedButton.textContent = hideViewedVideos ? '当前：隐藏已浏览的番号' : '当前：显示已浏览的番号';
toggleViewedButton.style.flex = '1';
toggleViewedButton.style.padding = '8px 12px';
toggleViewedButton.style.backgroundColor = hideViewedVideos ? '#ff4757' : '#2ed573';
toggleViewedButton.style.color = 'white';
toggleViewedButton.style.border = 'none';
toggleViewedButton.style.borderRadius = '6px';
toggleViewedButton.style.cursor = 'pointer';
toggleViewedButton.style.transition = 'all 0.3s ease';
const toggleViewedHelpIcon = document.createElement('span');
toggleViewedHelpIcon.textContent = 'ℹ️';
toggleViewedHelpIcon.style.cursor = 'pointer';
toggleViewedHelpIcon.style.padding = '4px';
toggleViewedHelpIcon.title = '点击切换';
toggleViewedContainer.appendChild(toggleViewedButton);
toggleViewedContainer.appendChild(toggleViewedHelpIcon);
// 添加按钮事件
toggleViewedButton.addEventListener('click', function() {
hideViewedVideos = !hideViewedVideos;
this.textContent = hideViewedVideos ? '当前：隐藏已浏览的番号' : '当前：显示已浏览的番号';
this.style.backgroundColor = hideViewedVideos ? '#ff4757' : '#2ed573';
GM_setValue('hideViewedVideos', hideViewedVideos);
if (!hideViewedVideos) {
location.reload();
} else {
processLoadedItems();
}
});
// 在 panel.appendChild(toggleContainer) 后添加
panel.appendChild(toggleViewedContainer);
// 创建按钮容器
const buttonContainer = document.createElement('div');
buttonContainer.style.display = 'flex';
buttonContainer.style.gap = '10px';
buttonContainer.style.marginTop = '15px';
buttonContainer.style.marginBottom = '15px';
debugLog('创建按钮容器');
// 导出按钮样式优化
const exportButton = document.createElement('button');
exportButton.textContent = '导出存储番号';
exportButton.style.flex = '1';
exportButton.style.padding = '8px 12px';
exportButton.style.backgroundColor = '#1e90ff';
exportButton.style.color = 'white';
exportButton.style.border = 'none';
exportButton.style.borderRadius = '6px';
exportButton.style.cursor = 'pointer';
exportButton.style.transition = 'all 0.3s ease';
debugLog('创建导出按钮');
// 清除按钮样式优化
const clearButton = document.createElement('button');
clearButton.textContent = '清除存储番号';
clearButton.style.flex = '1';
clearButton.style.padding = '8px 12px';
clearButton.style.backgroundColor = '#ff6b81';
clearButton.style.color = 'white';
clearButton.style.border = 'none';
clearButton.style.borderRadius = '6px';
clearButton.style.cursor = 'pointer';
clearButton.style.transition = 'all 0.3s ease';
debugLog('创建清除按钮');
// 定义导出函数
function exportVideosInfo() {
exportState.allowExport = false;
exportState.currentPage = 1;
exportState.maxPage = null;
localStorage.setItem('exportState', JSON.stringify(exportState));
// 获取存储的 videoBrowseHistory 和 myIds
const videoBrowseHistory = GM_getValue('videoBrowseHistory', []);
const myIds = GM_getValue('myIds', []);
// 合并数据
const exportData = {
videoBrowseHistory,
myIds
};
const json = JSON.stringify(exportData, null, 2);
const jsonBlob = new Blob([json], { type: 'application/json' });
const jsonUrl = URL.createObjectURL(jsonBlob);
const downloadLink = document.createElement('a');
// 获取当前时间戳
const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
downloadLink.href = jsonUrl;
downloadLink.download = `exported_data_${timestamp}.json`;
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
URL.revokeObjectURL(jsonUrl);
localStorage.removeItem('allVideosInfo');
localStorage.removeItem('exportState');
exportButton.textContent = '导出完毕';
exportButton.disabled = false;
}
// 定义清除函数
function handleClear(e) {
e.preventDefault();
e.stopPropagation();
debugLog('开始清除数据...');
if (confirm('确定要清除所有存储的番号吗？')) {
try {
// 清除内存中的数据
storedIds = new Set();
// 清除所有 GM 存储
const allKeys = GM_listValues ? GM_listValues() : ['storedIds', 'lastUploadTime', 'watchedVideos', 'wantWatchVideos', 'hideWatchedVideos'];
allKeys.forEach(key => {
debugLog('清除 GM 存储:', key);
GM_deleteValue(key);
});
// 清除所有相关的 localStorage
const localStorageKeys = ['allVideosInfo', 'exportState'];
localStorageKeys.forEach(key => {
debugLog('清除 localStorage:', key);
localStorage.removeItem(key);
});
// 重新初始化必要的值
GM_setValue('storedIds', []);
GM_setValue('lastUploadTime', '');
lastUploadTime = '';
// 更新显示
idCountDisplay.textContent = `已存储 0 个番号`;
uploadTimeDisplay.textContent = '';
debugLog('数据清除完成');
debugLog('当前 storedIds size:', storedIds.size);
debugLog('当前 GM storage:', GM_getValue('storedIds', []).length);
// 强制刷新页面
alert('已清除所有存储的番号，页面将刷新');
window.location.href = window.location.href;
} catch (error) {
console.error('清除数据时出错:', error);
alert('清除数据时出错，请查看控制台');
}
}
return false;
}
// 添加按钮事件监听器
exportButton.addEventListener('click', exportVideosInfo);
clearButton.addEventListener('click', handleClear);
// 添加按钮悬停效果
[exportButton, clearButton].forEach(button => {
button.addEventListener('mouseover', function() {
this.style.opacity = '0.9';
this.style.transform = 'translateY(-1px)';
});
button.addEventListener('mouseout', function() {
this.style.opacity = '1';
this.style.transform = 'translateY(0)';
});
});
// 将按钮添加到按钮容器
buttonContainer.appendChild(exportButton);
buttonContainer.appendChild(clearButton);
debugLog('按钮已添加到容器');
// 创建搜索框和结果容器
const searchContainer = document.createElement('div');
searchContainer.style.marginBottom = '15px';
const searchBox = document.createElement('input');
searchBox.type = 'text';
searchBox.placeholder = '搜索已看的番号';
searchBox.style.width = '100%';
searchBox.style.padding = '8px 12px';
searchBox.style.border = '1px solid #ddd';
searchBox.style.borderRadius = '6px';
searchBox.style.marginBottom = '10px';
searchBox.style.boxSizing = 'border-box';
// 创建搜索结果容器
const resultContainer = document.createElement('div');
resultContainer.style.maxHeight = '200px';
resultContainer.style.overflowY = 'auto';
resultContainer.style.border = '1px solid #eee';
resultContainer.style.borderRadius = '6px';
resultContainer.style.padding = '10px';
resultContainer.style.display = 'none';
resultContainer.style.backgroundColor = '#f9f9f9';
// 搜索处理函数
function handleSearch() {
const searchTerm = searchBox.value.trim().toLowerCase();
const storedIdsArray = Array.from(storedIds);
if (searchTerm === '') {
resultContainer.style.display = 'none';
return;
}
const results = storedIdsArray.filter(id =>
id.toLowerCase().includes(searchTerm)
);
resultContainer.innerHTML = '';
if (results.length > 0) {
results.forEach(id => {
const resultItem = document.createElement('div');
resultItem.style.display = 'flex';
resultItem.style.justifyContent = 'space-between';
resultItem.style.alignItems = 'center';
resultItem.style.padding = '5px';
resultItem.style.borderBottom = '1px solid #eee';
const idText = document.createElement('span');
idText.textContent = id;
idText.style.cursor = 'pointer';
const deleteBtn = document.createElement('button');
deleteBtn.textContent = '删除';
deleteBtn.style.cssText = `
padding: 2px 8px;
background-color: #ff4757;
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
font-size: 12px;
transition: all 0.2s ease;
`;
deleteBtn.addEventListener('mouseover', () => {
deleteBtn.style.opacity = '0.8';
});
deleteBtn.addEventListener('mouseout', () => {
deleteBtn.style.opacity = '1';
});
deleteBtn.addEventListener('click', (e) => {
e.stopPropagation();
if (confirm(`确定要删除 ${id} 吗？`)) {
storedIds.delete(id);
GM_setValue('myIds', Array.from(storedIds));
resultItem.style.opacity = '0';
setTimeout(() => {
resultItem.remove();
if (resultContainer.children.length === 0) {
const noResult = document.createElement('div');
noResult.textContent = '未找到匹配的番号';
noResult.style.padding = '5px';
noResult.style.color = '#666';
resultContainer.appendChild(noResult);
}
updateCountDisplay();
}, 300);
logToScreen(`已删除: ${id}`, 'rgba(255, 71, 87, 0.8)', 'white');
}
});
resultItem.appendChild(idText);
resultItem.appendChild(deleteBtn);
resultContainer.appendChild(resultItem);
resultItem.addEventListener('mouseover', () => {
resultItem.style.backgroundColor = '#eee';
});
resultItem.addEventListener('mouseout', () => {
resultItem.style.backgroundColor = 'transparent';
});
});
resultContainer.style.display = 'block';
} else {
const noResult = document.createElement('div');
noResult.textContent = '未找到匹配的番号';
noResult.style.padding = '5px';
noResult.style.color = '#666';
resultContainer.appendChild(noResult);
resultContainer.style.display = 'block';
}
}
// 添加搜索事件监听
searchBox.addEventListener('input', handleSearch);
// 添加点击外部关闭搜索结果的功能
document.addEventListener('click', (e) => {
if (!searchContainer.contains(e.target)) {
resultContainer.style.display = 'none';
}
});
// 将搜索框和结果容器添加到搜索容器
searchContainer.appendChild(searchBox);
searchContainer.appendChild(resultContainer);
// 创建ID计数显示
idCountDisplay = document.createElement('div');
idCountDisplay.style.marginTop = '15px';
idCountDisplay.style.color = '#666';
idCountDisplay.style.fontSize = '13px';
idCountDisplay.style.textAlign = 'center';
// 在加载存储的 ID 和上传时间时更新显示
const rawData = GM_getValue('myIds');
const savedUploadTime = GM_getValue('lastUploadTime');
if (rawData) {
storedIds = new Set(rawData); // 如果之前存过数据，加载到 Set
updateCountDisplay(); // 使用新的更新函数
}
if (savedUploadTime) {
lastUploadTime = savedUploadTime; // 恢复最新上传时间
if (uploadTimeDisplay) {
uploadTimeDisplay.textContent = `上次上传时间：${lastUploadTime}`;
}
}
// 创建上传时间显示
uploadTimeDisplay = document.createElement('div');
uploadTimeDisplay.style.marginTop = '5px';
uploadTimeDisplay.style.color = '#666';
uploadTimeDisplay.style.fontSize = '13px';
uploadTimeDisplay.style.textAlign = 'center';
uploadTimeDisplay.textContent = lastUploadTime ? `上次上传时间：${lastUploadTime}` : '';
debugLog('创建上传时间显示');
// 创建浏览记录查询功能
const browseHistoryContainer = document.createElement('div');
browseHistoryContainer.style.marginBottom = '15px';
const browseHistoryBox = document.createElement('input');
browseHistoryBox.type = 'text';
browseHistoryBox.placeholder = '查询浏览记录';
browseHistoryBox.style.width = '100%';
browseHistoryBox.style.padding = '8px 12px';
browseHistoryBox.style.border = '1px solid #ddd';
browseHistoryBox.style.borderRadius = '6px';
browseHistoryBox.style.marginBottom = '10px';
browseHistoryBox.style.boxSizing = 'border-box';
// 创建浏览记录结果容器
const browseHistoryResultContainer = document.createElement('div');
browseHistoryResultContainer.style.maxHeight = '200px';
browseHistoryResultContainer.style.overflowY = 'auto';
browseHistoryResultContainer.style.border = '1px solid #eee';
browseHistoryResultContainer.style.borderRadius = '6px';
browseHistoryResultContainer.style.padding = '10px';
browseHistoryResultContainer.style.display = 'none';
browseHistoryResultContainer.style.backgroundColor = '#f9f9f9';
// 查询处理函数
function handleBrowseHistorySearch() {
const searchTerm = browseHistoryBox.value.trim().toLowerCase();
const storedVideoIds = Array.from(new Set(GM_getValue('videoBrowseHistory', [])));
if (searchTerm === '') {
browseHistoryResultContainer.style.display = 'none';
return;
}
const results = storedVideoIds.filter(id => id.toLowerCase().includes(searchTerm));
browseHistoryResultContainer.innerHTML = '';
if (results.length > 0) {
results.forEach(id => {
const resultItem = document.createElement('div');
resultItem.style.display = 'flex';
resultItem.style.justifyContent = 'space-between';
resultItem.style.alignItems = 'center';
resultItem.style.padding = '5px';
resultItem.style.borderBottom = '1px solid #eee';
const idText = document.createElement('span');
idText.textContent = id;
idText.style.cursor = 'pointer';
const deleteBtn = document.createElement('button');
deleteBtn.textContent = '删除';
deleteBtn.style.cssText = `
padding: 2px 8px;
background-color: #ff4757;
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
font-size: 12px;
transition: all 0.2s ease;
`;
deleteBtn.addEventListener('mouseover', () => {
deleteBtn.style.opacity = '0.8';
});
deleteBtn.addEventListener('mouseout', () => {
deleteBtn.style.opacity = '1';
});
deleteBtn.addEventListener('click', (e) => {
e.stopPropagation();
if (confirm(`确定要删除浏览记录 ${id} 吗？`)) {
const browseHistory = new Set(GM_getValue('videoBrowseHistory', []));
browseHistory.delete(id);
GM_setValue('videoBrowseHistory', Array.from(browseHistory));
resultItem.style.opacity = '0';
setTimeout(() => {
resultItem.remove();
if (browseHistoryResultContainer.children.length === 0) {
const noResult = document.createElement('div');
noResult.textContent = '未找到匹配的浏览记录';
noResult.style.padding = '5px';
noResult.style.color = '#666';
browseHistoryResultContainer.appendChild(noResult);
}
updateCountDisplay();
}, 300);
logToScreen(`已删除浏览记录: ${id}`, 'rgba(255, 71, 87, 0.8)', 'white');
}
});
resultItem.appendChild(idText);
resultItem.appendChild(deleteBtn);
browseHistoryResultContainer.appendChild(resultItem);
resultItem.addEventListener('mouseover', () => {
resultItem.style.backgroundColor = '#eee';
});
resultItem.addEventListener('mouseout', () => {
resultItem.style.backgroundColor = 'transparent';
});
});
browseHistoryResultContainer.style.display = 'block';
} else {
const noResult = document.createElement('div');
noResult.textContent = '未找到匹配的浏览记录';
noResult.style.padding = '5px';
noResult.style.color = '#666';
browseHistoryResultContainer.appendChild(noResult);
browseHistoryResultContainer.style.display = 'block';
}
}
// 添加搜索事件监听
browseHistoryBox.addEventListener('input', handleBrowseHistorySearch);
// 将浏览记录查询框和结果容器添加到面板
browseHistoryContainer.appendChild(browseHistoryBox);
browseHistoryContainer.appendChild(browseHistoryResultContainer);
// 在面板的最后添加版本和作者信息
const versionAuthorInfo = document.createElement('div');
versionAuthorInfo.style.cssText = `
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid #eee;
color: #999;
font-size: 12px;
text-align: center;
`;
versionAuthorInfo.innerHTML = `Version: ${VERSION}<br>Author: Ryen`;
// 将所有元素添加到面板
panel.appendChild(title);
panel.appendChild(uploadContainer);
panel.appendChild(toggleContainer);
panel.appendChild(toggleViewedContainer);
panel.appendChild(buttonContainer);
panel.appendChild(searchContainer);
panel.appendChild(browseHistoryContainer); // 添加浏览记录查询功能
panel.appendChild(idCountDisplay);
panel.appendChild(uploadTimeDisplay);
panel.appendChild(versionAuthorInfo); // 将版本和作者信息放在最下面
// 处理文件上传
uploadButton.addEventListener('change', handleFileUpload);
const circle = createCircle(circlePosition.left, circlePosition.top);
function handleFileUpload(event) {
const file = event.target.files[0];
if (!file) {
return;
}
const reader = new FileReader();
reader.onload = function (e) {
try {
const jsonData = JSON.parse(e.target.result);
// 检查导入的数据格式
if (Array.isArray(jsonData)) {
// 旧格式处理
jsonData.forEach(item => {
if (item.id) {
storedIds.add(item.id);
}
});
} else if (jsonData.videoBrowseHistory && jsonData.myIds) {
// 新格式处理
jsonData.videoBrowseHistory.forEach(id => {
storedIds.add(id); // 添加到 storedIds
});
jsonData.myIds.forEach(id => {
storedIds.add(id); // 添加到 storedIds
});
// 更新 videoBrowseHistory
const existingVideoBrowseHistory = GM_getValue('videoBrowseHistory', []);
const updatedVideoBrowseHistory = new Set([...existingVideoBrowseHistory, ...jsonData.videoBrowseHistory]);
GM_setValue('videoBrowseHistory', Array.from(updatedVideoBrowseHistory)); // 更新存储
}
GM_setValue('myIds', Array.from(storedIds));
lastUploadTime = new Date().toLocaleString();
GM_setValue('lastUploadTime', lastUploadTime);
uploadTimeDisplay.textContent = `最新上传时间: ${lastUploadTime}`;
alert('数据已保存');
updateCountDisplay(); // 使用新的更新函数
} catch (error) {
console.error('解析 JSON 失败:', error);
alert('解析 JSON 失败');
}
};
reader.readAsText(file);
}
function createCircle(left, top) {
debugLog('创建圆形按钮...');
const existingCircle = document.getElementById('unique-circle');
if (existingCircle) {
debugLog('移除已存在的圆形按钮');
existingCircle.remove();
}
const circle = document.createElement('div');
circle.id = 'unique-circle';
circle.style.position = 'fixed';
circle.style.width = '60px';
circle.style.height = '60px';
circle.style.borderRadius = '50%';
circle.style.backgroundColor = '#ed0085';
circle.style.cursor = 'pointer';
circle.style.zIndex = 10000;
circle.style.left = `${left}px`;
circle.style.top = `${top}px`;
circle.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)';
circle.style.transition = 'all 0.3s ease';
document.body.appendChild(circle);
// 创建内部文字容器
const label = document.createElement('div');
label.textContent = '番';
label.style.fontSize = '20px';
label.style.color = 'white';
label.style.textAlign = 'center';
label.style.lineHeight = '60px';
label.style.fontWeight = 'bold';
label.style.textShadow = '1px 1px 2px rgba(0, 0, 0, 0.2)';
circle.appendChild(label);
// 悬停效果
circle.addEventListener('mouseenter', function () {
circle.style.transition = 'all 0.3s ease';
circle.style.left = '0px';
circle.style.backgroundColor = '#ed0085';
circle.style.transform = 'scale(1.05)';
circle.style.boxShadow = '0 6px 12px rgba(0, 0, 0, 0.3)';
});
circle.addEventListener('mouseleave', function () {
circle.style.transition = 'all 0.3s ease';
circle.style.left = '-40px';
circle.style.backgroundColor = 'rgba(237, 0, 133, 0.7)';
circle.style.transform = 'scale(1)';
circle.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)';
});
// 点击效果
circle.addEventListener('mousedown', function() {
circle.style.transform = 'scale(0.95)';
});
circle.addEventListener('mouseup', function() {
circle.style.transform = 'scale(1.05)';
});
// 修改圆形按钮点击事件处理
circle.addEventListener('click', function(e) {
e.stopPropagation(); // 阻止事件冒泡
debugLog('圆形按钮被点击');
panel.style.display = 'block';
panelVisible = true;
debugLog('面板显示状态:', panelVisible);
setTimeout(() => {
updatePanelPosition(panel, parseInt(circle.style.top));
}, 0);
setupMouseLeave(panel);
});
return circle;
}
// 修改 setupMouseLeave 函数
function setupMouseLeave(panel) {
let timeoutId = null;
panel.addEventListener('mouseenter', () => {
debugLog('鼠标进入面板');
if (timeoutId) {
clearTimeout(timeoutId);
timeoutId = null;
}
});
panel.addEventListener('mouseleave', (e) => {
debugLog('鼠标离开面板');
if (!panel.contains(e.relatedTarget)) {
timeoutId = setTimeout(() => {
debugLog('关闭面板');
panel.style.display = 'none';
panelVisible = false;
}, 1000);
}
});
document.addEventListener('click', (e) => {
if (!panel.contains(e.target) && e.target.id !== 'unique-circle') {
debugLog('点击面板外部，关闭面板');
panel.style.display = 'none';
panelVisible = false;
}
});
}
// 添加调试信息
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
debugLog('面板样式变化:', panel.style.cssText);
}
});
});
observer.observe(panel, { attributes: true });
})();
(function () {
const url = window.location.href;
const validUrlPatterns = [
/https:\/\/javdb\.com\/users\/want_watch_videos.*/,
/https:\/\/javdb\.com\/users\/watched_videos.*/,
/https:\/\/javdb\.com\/users\/list_detail.*/,
/https:\/\/javdb\.com\/lists.*/
];
const isValidUrl = validUrlPatterns.some(pattern => pattern.test(url));
if (!isValidUrl) {
return;
}
let allVideosInfo = JSON.parse(localStorage.getItem('allVideosInfo')) || [];
let exportState = {
allowExport: false,
currentPage: 1,
maxPage: null
};
function getVideosInfo() {
const videoElements = document.querySelectorAll('.item');
return Array.from(videoElements).map((element) => {
const title = element.querySelector('.video-title').textContent.trim();
const [id, ...titleWords] = title.split(' ');
const releaseDate = element.querySelector('.meta').textContent.replace(/[^0-9-]/g, '');
return { id, releaseDate };
});
}
// 获取总视频数量
function getTotalVideoCount() {
const activeLink = document.querySelector('a.is-active');
if (activeLink) {
const text = activeLink.textContent;
const match = text.match(/\((\d+)\)/);
if (match) {
console.log(`总视频数量: ${match[1]}`);
return parseInt(match[1], 10);
}
}
return 0; // 默认返回0
}
// 计算最大页数
function calculateMaxPages(totalCount, itemsPerPage) {
const maxPages = Math.ceil(totalCount / itemsPerPage);
console.log(`总视频数量: ${totalCount}, 每页视频数量: ${itemsPerPage}，最大页数: ${maxPages}`);
return maxPages;
}
// 修改翻页逻辑
function scrapeAllPages() {
const itemsPerPage = 20; // 每页视频数量
const totalCount = getTotalVideoCount(); // 获取总视频数量
const maxPages = calculateMaxPages(totalCount, itemsPerPage); // 计算最大页数
if (exportState.currentPage > maxPages) {
exportVideosInfo();
return;
}
const videosInfo = getVideosInfo();
allVideosInfo = allVideosInfo.concat(videosInfo);
// 更新 URL
if (exportState.currentPage > 1) {
const newUrl = `https://javdb.com/users/watched_videos?page=${exportState.currentPage}`;
location.href = newUrl; // 通过 URL 变更翻页
} else {
exportState.currentPage++; // 只在第一页时增加页码
localStorage.setItem('exportState', JSON.stringify(exportState));
scrapeAllPages(); // 继续抓取下一页
}
// 每导出5页后暂停3秒
if (exportState.currentPage % 5 === 0) {
setTimeout(() => {
scrapeAllPages(); // 继续抓取
}, 3000); // 暂停3秒
}
}
function exportVideosInfo() {
exportState.allowExport = false;
exportState.currentPage = 1;
exportState.maxPage = null;
localStorage.setItem('exportState', JSON.stringify(exportState));
allVideosInfo.sort((a, b) => a.id.localeCompare(b.id));
const json = JSON.stringify(allVideosInfo);
const jsonBlob = new Blob([json], { type: 'application/json' });
const jsonUrl = URL.createObjectURL(jsonBlob);
const downloadLink = document.createElement('a');
// 获取当前时间戳
const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
let fileName = '';
if (url.includes('/watched_videos')) {
fileName = 'watched-videos';
} else if (url.includes('/want_watch_videos')) {
fileName = 'want-watch-videos';
} else if (url.includes('/list_detail')) {
const breadcrumb = document.getElementsByClassName('breadcrumb')[0];
const li = breadcrumb.parentNode.querySelectorAll('li');
fileName = li[1].innerText;
} else if (url.includes('/lists')) {
fileName = document.querySelector('.actor-section-name').innerText;
}
downloadLink.href = jsonUrl;
downloadLink.download = `${fileName}_${timestamp}.json`;
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
URL.revokeObjectURL(jsonUrl);
localStorage.removeItem('allVideosInfo');
localStorage.removeItem('exportState');
exportButton.textContent = '导出完毕';
exportButton.disabled = false;
}
// 添加获取当前页码的函数
function getCurrentPage() {
// 从 URL 中获取页码
const urlParams = new URLSearchParams(window.location.search);
const page = urlParams.get('page');
// 如果 URL 中没有页码参数，则返回 1
return page ? parseInt(page) : 1;
}
function startExport() {
const maxPageInput = document.getElementById('maxPageInput');
if (!maxPageInput) {
console.error('找不到页数输入框');
return;
}
const itemsPerPage = 20;
const totalCount = getTotalVideoCount();
const maxPages = calculateMaxPages(totalCount, itemsPerPage);
// 如果用户输入了页数，使用用户输入的值，否则使用最大页数
const pagesToExport = maxPageInput.value ? parseInt(maxPageInput.value) : maxPages;
// 确保不超过最大页数
const currentPage = getCurrentPage();
const targetPage = Math.min(currentPage + pagesToExport - 1, maxPages);
if (targetPage < currentPage) {
alert('请输入有效的页数');
return;
}
exportState.currentPage = currentPage;
exportState.maxPage = targetPage;
exportState.allowExport = true;
localStorage.setItem('exportState', JSON.stringify(exportState));
localStorage.setItem('allVideosInfo', JSON.stringify([])); // 清空之前的数据
exportButton.textContent = `导出中...(${currentPage}/${targetPage})`;
exportButton.disabled = true;
stopButton.disabled = false;
isExporting = true;
// 开始从当前页抓取数据
scrapeCurrentPage();
}
// 新增函数：抓取当前页面数据
function scrapeCurrentPage() {
if (!isExporting || exportState.currentPage > exportState.maxPage) {
finishExport();
return;
}
const videosInfo = getVideosInfo();
const currentAllVideos = JSON.parse(localStorage.getItem('allVideosInfo') || '[]');
const newAllVideos = currentAllVideos.concat(videosInfo);
localStorage.setItem('allVideosInfo', JSON.stringify(newAllVideos));
// 更新进度显示
exportButton.textContent = `导出中...(${exportState.currentPage}/${exportState.maxPage})`;
// 前往下一页
exportState.currentPage++;
localStorage.setItem('exportState', JSON.stringify(exportState));
if (exportState.currentPage <= exportState.maxPage) {
const newUrl = `${window.location.pathname}?page=${exportState.currentPage}`;
window.location.href = newUrl;
} else {
finishExport();
}
}
// 新增函数：完成导出
function finishExport() {
const allVideosInfo = JSON.parse(localStorage.getItem('allVideosInfo') || '[]');
if (allVideosInfo.length > 0) {
exportVideosInfo();
}
// 重置状态
isExporting = false;
exportState.allowExport = false;
exportState.currentPage = 1;
exportState.maxPage = null;
localStorage.setItem('exportState', JSON.stringify(exportState));
exportButton.textContent = '导出完成';
exportButton.disabled = false;
stopButton.disabled = true;
}
function createExportButton() {
const maxPageInput = document.createElement('input');
maxPageInput.type = 'number';
maxPageInput.id = 'maxPageInput';
maxPageInput.placeholder = '当前页往后导出的页数，留空导全部'; // 修改提示文本
maxPageInput.style.cssText = `
margin-right: 10px;
padding: 6px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
width: auto;
min-width: 50px;
box-sizing: border-box;
transition: all 0.3s ease;
outline: none;
background-color: white;
`;
maxPageInput.min = '1';
// 获取最大页数并设置为 max 属性
const itemsPerPage = 20;
const totalCount = getTotalVideoCount();
const maxPages = calculateMaxPages(totalCount, itemsPerPage);
maxPageInput.max = maxPages;
// 创建一个容器来包含上传按钮和帮助图标
const uploadContainer = document.createElement('div');
uploadContainer.style.position = 'relative';
uploadContainer.style.marginBottom = '15px';
uploadContainer.style.display = 'flex'; // 使用flex布局
uploadContainer.style.alignItems = 'center'; // 垂直居中
uploadContainer.style.gap = '8px'; // 元素之间的间距
uploadContainer.style.width = '100%';
// 创建一个包装上传按钮的容器
const uploadButtonWrapper = document.createElement('div');
uploadButtonWrapper.style.flex = '1'; // 占据剩余空间
uploadButtonWrapper.style.minWidth = '0'; // 防止内容溢出
uploadContainer.appendChild(uploadButtonWrapper);
uploadButtonWrapper.appendChild(maxPageInput);
// 初始化输入框宽度
setTimeout(() => {
const tempSpan = document.createElement('span');
tempSpan.style.visibility = 'hidden';
tempSpan.style.position = 'absolute';
tempSpan.style.whiteSpace = 'nowrap';
tempSpan.style.font = window.getComputedStyle(maxPageInput).font;
tempSpan.textContent = maxPageInput.placeholder;
document.body.appendChild(tempSpan);
// 设置输入框宽度为占位符文本宽度加上内边距
const width = tempSpan.offsetWidth;
maxPageInput.style.width = (width + 50) + 'px';
document.body.removeChild(tempSpan);
}, 0);
// 输入框焦点样式
maxPageInput.addEventListener('focus', function() {
this.style.borderColor = '#4a9eff';
this.style.boxShadow = '0 0 0 2px rgba(74, 158, 255, 0.2)';
});
maxPageInput.addEventListener('blur', function() {
this.style.borderColor = '#ddd';
this.style.boxShadow = 'none';
});
exportButton = document.createElement('button');
exportButton.textContent = '导出 json';
exportButton.className = 'button is-small';
exportButton.style.cssText = `
padding: 6px 16px;
background-color: #4a9eff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
outline: none;
height: auto;
`;
stopButton = document.createElement('button');
stopButton.textContent = '停止导出';
stopButton.className = 'button is-small';
stopButton.style.cssText = `
margin-left: 10px;
padding: 6px 16px;
background-color: #ff4757;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
outline: none;
height: auto;
`;
stopButton.disabled = true;
// 按钮悬停效果
[exportButton, stopButton].forEach(button => {
button.addEventListener('mouseover', function() {
if (!this.disabled) {
this.style.opacity = '0.9';
this.style.transform = 'translateY(-1px)';
}
});
button.addEventListener('mouseout', function() {
if (!this.disabled) {
this.style.opacity = '1';
this.style.transform = 'translateY(0)';
}
});
// 添加禁用状态样式
button.addEventListener('disabled', function() {
if (this.disabled) {
this.style.opacity = '0.6';
this.style.cursor = 'not-allowed';
} else {
this.style.opacity = '1';
this.style.cursor = 'pointer';
}
});
});
// 添加按钮点击效果
[exportButton, stopButton].forEach(button => {
button.addEventListener('mousedown', function() {
if (!this.disabled) {
this.style.transform = 'translateY(1px)';
}
});
button.addEventListener('mouseup', function() {
if (!this.disabled) {
this.style.transform = 'translateY(-1px)';
}
});
});
stopButton.addEventListener('click', () => {
isExporting = false;
stopButton.disabled = true;
exportButton.disabled = false;
exportButton.textContent = '导出已停止';
localStorage.removeItem('allVideosInfo');
localStorage.removeItem('exportState');
});
const buttonContainer = document.createElement('div');
buttonContainer.style.display = 'flex';
buttonContainer.style.gap = '8px';
buttonContainer.style.alignItems = 'center';
buttonContainer.appendChild(exportButton);
buttonContainer.appendChild(stopButton);
// 创建最终的容器
const exportContainer = document.createElement('div');
exportContainer.style.cssText = `
display: flex;
align-items: center;
gap: 8px;
padding: 5px;
border-radius: 6px;
background-color: rgba(255, 255, 255, 0.8);
`;
exportContainer.appendChild(maxPageInput);
exportContainer.appendChild(buttonContainer);
if (url.includes('/list_detail')) {
document.querySelector('.breadcrumb').querySelector('ul').appendChild(exportContainer);
} else {
document.querySelector('.toolbar').appendChild(exportContainer);
}
exportButton.addEventListener('click', () => {
if (!isExporting) {
startExport();
}
});
}
function checkExportState() {
const savedExportState = localStorage.getItem('exportState');
if (savedExportState) {
exportState = JSON.parse(savedExportState);
if (exportState.allowExport) {
exportButton.textContent = '导出中...';
exportButton.disabled = true;
stopButton.disabled = false;
isExporting = true;
// 继续抓取当前页面
scrapeCurrentPage();
}
}
}
if (url.includes('/watched_videos')
|| url.includes('/want_watch_videos')
|| url.includes('/list_detail')
|| url.includes('/lists')
) {
createExportButton();
checkExportState();
}
})();
// 修改 modifyItemAtCurrentPage 函数
function modifyItemAtCurrentPage(itemToModify) {
// 获取番号
const videoTitle = itemToModify.querySelector('div.video-title > strong')?.textContent.trim();
if (!videoTitle) {
debugLog('未找到视频标题');
return;
}
debugLog('处理番号:', videoTitle);
const browseHistory = new Set(GM_getValue('videoBrowseHistory', []));
const watchedVideos = new Set(GM_getValue('myIds', []));
debugLog('浏览历史数量:', browseHistory.size);
debugLog('已看番号数量:', watchedVideos.size);
debugLog(`${videoTitle} 是否在浏览历史中:`, browseHistory.has(videoTitle));
debugLog(`${videoTitle} 是否在已看列表中:`, watchedVideos.has(videoTitle));
// 检查是否需要隐藏已浏览的番号
if (hideViewedVideos && browseHistory.has(videoTitle)) {
debugLog(`${videoTitle} 在浏览历史中，hideViewedVideos=${hideViewedVideos}，准备隐藏`);
const itemContainer = itemToModify.closest('.item');
if (itemContainer) {
itemContainer.style.transition = 'opacity 0.3s';
itemContainer.style.opacity = '0';
setTimeout(() => {
itemContainer.remove();
debugLog(`${videoTitle} 已隐藏并移除`);
}, 300);
}
return;
}
// 检查是否是已看的番号并需要隐藏
if (watchedVideos.has(videoTitle) && hideWatchedVideos) {
debugLog(`${videoTitle} 在已看列表中，hideWatchedVideos=${hideWatchedVideos}，准备隐藏`);
const itemContainer = itemToModify.closest('.item');
if (itemContainer) {
itemContainer.style.transition = 'opacity 0.3s';
itemContainer.style.opacity = '0';
setTimeout(() => {
itemContainer.remove();
debugLog(`${videoTitle} 已隐藏并移除`);
}, 300);
}
return;
}
// 只处理真正已看的番号的标签
if (watchedVideos.has(videoTitle)) {
debugLog(`${videoTitle} 在已看列表中，准备添加标签`);
let tags = itemToModify.closest('.item').querySelector('.tags.has-addons');
if (!tags) {
debugLog(`${videoTitle} 未找到标签容器`);
return;
}
let tagClass = styleMap['我看過這部影片'];
// 检查是否已经存在相同的标记
let existingTags = Array.from(tags.querySelectorAll('span'));
let tagExists = existingTags.some(tag => tag.textContent === '我看過這部影片');
debugLog(`${videoTitle} 是否已有标签:`, tagExists);
// 如果不存在对应的标签，则添加新的标签
if (!tagExists) {
let newTag = document.createElement('span');
newTag.className = tagClass;
newTag.textContent = '我看過這部影片';
tags.appendChild(newTag);
debugLog(`成功为 ${videoTitle} 添加已看标签`);
logToScreen(`我看過這部影片: ${videoTitle}`, 'rgba(76, 175, 80, 0.8)', 'white');
} else {
debugLog(`${videoTitle} 已有标签，跳过添加`);
}
} else {
debugLog(`${videoTitle} 不在已看列表中，不添加标签`);
}
}
async function processLoadedItems() {
debugLog('开始处理页面项目');
debugLog('当前 hideWatchedVideos 状态:', hideWatchedVideos);
debugLog('当前 hideViewedVideos 状态:', hideViewedVideos);
const url = window.location.href;
debugLog('当前URL:', url);
const isValidUrl = validUrlPatterns.some(pattern => pattern.test(url));
if (isValidUrl) {
debugLog('URL匹配特殊模式，跳过处理');
return;
}
let items = Array.from(document.querySelectorAll('.movie-list .item a'));
debugLog('找到项目数量:', items.length);
// 从每个 item 的 <a> 中找到对应的 <strong> 内容
items.forEach((item, index) => {
debugLog(`处理第 ${index + 1} 个项目`);
let strongElement = item.querySelector('div.video-title > strong');
if (strongElement) {
let title = strongElement.textContent.trim();
if (title) {
debugLog(`处理番号: ${title}`);
modifyItemAtCurrentPage(item);
} else {
debugLog('项目标题为空');
}
} else {
debugLog('未找到标题元素');
}
});
}
// 定时检查新加载的项目
setInterval(() => {
let items = document.querySelectorAll('.movie-list .item a');
let currentItemCount = items.length;
if (currentItemCount > lastItemCount) {
debugLog(`发现新增项目：${currentItemCount - lastItemCount}`);
logToScreen(`发现新增项目：${currentItemCount - lastItemCount}`, 'rgba(0, 255, 255, 0.8)', 'white');
processLoadedItems(); // 处理新加载的项目
lastItemCount = currentItemCount; // 更新上一次的项目计数
}
}, 1000);
// 初始化时获取当前项目的数量
lastItemCount = document.querySelectorAll('.movie-list .item a').length;
processLoadedItems(); // 初始化已有元素
// 监听窗口大小变化
window.addEventListener('resize', () => {
if (panelVisible) {
updatePanelPosition(panel, parseInt(panel.style.top));
}
});
// 新增函数：记录番号浏览记录
function recordVideoId() {
const videoIdPattern = /<strong>番號:<\/strong>\s* <span class="value"><a href="\/video_codes\/([A-Z]+)">([A-Z]+)<\/a>-(\d+)<\/span>/; // 匹配页面中的番号
const panelBlock = document.querySelector('.panel-block.first-block'); // 获取包含番号的元素
if (panelBlock) {
const match = panelBlock.innerHTML.match(videoIdPattern);
if (match) {
const videoId = `${match[1]}-${match[3]}`; // 组合番号
// 确保从存储中获取的值是一个 Set
const storedVideoIds = new Set(GM_getValue('videoBrowseHistory', [])); // 获取存储的番号浏览记录
storedVideoIds.add(videoId); // 添加新的番号
GM_setValue('videoBrowseHistory', Array.from(storedVideoIds)); // 更新存储
console.log(`记录番号: ${videoId}`); // 输出记录信息
updateCountDisplay(); // 更新显示
}
}
}
// 在页面加载时调用记录函数
if (window.location.href.startsWith('https://javdb.com/v/')) {
recordVideoId();
}
