未检测到${config.label}资源
${createRefreshButtonHTML('full')}
`;
contentContainer.querySelector('.refresh-btn').onclick = () => performScan('full');
return;
}
if (type === 'image') {
renderImagePreviewGrid(contentContainer, items, type);
} else {
renderResourceList(contentContainer, items, type);
}
}
function renderResourceList(container, items, type) {
const config = RESOURCE_TYPES[type];
const pageItems = paginate(items, currentPage[type], pageSize);
container.innerHTML = `
尺寸: ${size} | 格式: ${getFileType(url)}
`;
document.body.appendChild(overlay);
overlay.onclick = (e) => { if (e.target === overlay) overlay.remove(); };
overlay.querySelector('#copyPreviewBtn').onclick = () => copyToClipboard(url, '图片链接已复制');
overlay.querySelector('#downloadPreviewBtn').onclick = () => GM_download(url, getFileName(url));
}
/**
* 执行资源扫描
* @param {'full' | 'additive'} mode - 扫描模式
*/
async function performScan(mode = 'additive') {
if (isScanning) return;
isScanning = true;
let newResourcesFound = 0;
// 如果是完整扫描，清空资源并更新UI
if (mode === 'full') {
foundUrls.clear();
resources = { video: [], audio: [], image: [] };
const contentContainer = resourcePanel.querySelector('.tab-content');
if(contentContainer) contentContainer.dataset.scanMode = 'full';
updateUI(); // 进入加载状态
}
const scanTasks = [
() => document.querySelectorAll('video, audio, source').forEach(el => { if(addResource(el.src, getResourceTypeByUrl(el.src), el)) newResourcesFound++; }),
() => document.querySelectorAll('img, image, [style*="background-image"]').forEach(el => {
let src = el.src || el.dataset.src || el.dataset.original || el.href?.baseVal;
if (el.style.backgroundImage) {
const match = el.style.backgroundImage.match(/url$['"]?(.*?)['"]?$/);
if (match) src = match[1];
}
if (src && getResourceTypeByUrl(src) === 'image' && addResource(src, 'image', el)) newResourcesFound++;
}),
() => document.querySelectorAll('a[href]').forEach(link => { if(addResource(link.href, getResourceTypeByUrl(link.href))) newResourcesFound++; }),
() => document.querySelectorAll('script').forEach(script => { if(scanTextForUrls(script.textContent)) newResourcesFound++; }),
() => performance.getEntriesByType('resource').forEach(res => { if(addResource(res.name, getResourceTypeByUrl(res.name))) newResourcesFound++; }),
() => { // 特定网站优化
if (currentDomain.includes('google.com')) document.querySelectorAll('img[data-iurl]').forEach(img => { if(addResource(img.dataset.iurl, 'image', img)) newResourcesFound++; });
if (currentDomain.includes('baidu.com')) document.querySelectorAll('img[data-imgurl]').forEach(img => { if(addResource(img.dataset.imgurl, 'image', img)) newResourcesFound++; });
}
];
for (const task of scanTasks) {
await new Promise(resolve => requestAnimationFrame(() => { task(); resolve(); }));
}
isScanning = false;
resourcePanel.querySelector('.tab-content').dataset.scanMode = '';
if (mode === 'full') {
GM_notification({ title: '全量扫描完成', text: `共发现 ${foundUrls.size} 个资源`, timeout: 2500 });
} else if (newResourcesFound > 0) {
console.log(`[资源检测] 增量扫描发现 ${newResourcesFound} 个新资源。`);
}
updateUI(); // 扫描结束后，最后更新一次UI
}
function scanTextForUrls(text) {
const urlRegex = /https?:\/\/[^\s"'<>]+/g;
const matches = text.match(urlRegex) || [];
let found = false;
matches.forEach(url => {
if(addResource(url, getResourceTypeByUrl(url))) found = true;
});
return found;
}
/**
* 添加资源到列表，返回true表示添加成功，false表示已存在
*/
function addResource(url, type, element = null) {
if (!url || !type || typeof url !== 'string') return false;
const cleanUrl = url.split('?')[0];
if (foundUrls.has(cleanUrl)) return false;
foundUrls.add(cleanUrl);
const resource = { url, type };
if (type === 'image' && element?.naturalWidth > 1) resource.size = `${element.naturalWidth}×${element.naturalHeight}`;
if ((type === 'video' || type === 'audio') && element?.duration) resource.duration = element.duration;
resources[type].push(resource);
resources[type].sort((a, b) => a.url.localeCompare(b.url));
return true;
}
function updateUI() {
const total = getTotalResources();
floatingBall.classList.toggle('visible', total > 0);
document.getElementById('resourceBallBadge').style.display = total > 0 ? 'block' : 'none';
Object.keys(RESOURCE_TYPES).forEach(type => {
const badge = document.getElementById(`badge-${type}`);
if (badge) {
const count = resources[type].length;
badge.textContent = count;
badge.style.display = count > 0 ? 'inline-block' : 'none';
}
});
if (isPanelVisible) {
renderTabContent(currentTab);
}
}
// --- 辅助与工具函数 ---
const debounceScan = (delay = 1200) => { clearTimeout(scanTimeout); scanTimeout = setTimeout(() => performScan('additive'), delay); };
const getTotalResources = () => foundUrls.size;
const getResourceTypeByUrl = (url) => {
if (!url) return null;
try {
const ext = new URL(url, location.href).pathname.split('.').pop().toLowerCase();
return Object.keys(RESOURCE_TYPES).find(type => RESOURCE_TYPES[type].extensions.includes(ext)) || null;
} catch (e) { return null; }
};
const getFileName = (url) => { try { return decodeURIComponent(new URL(url, location.href).pathname.split('/').pop() || '未命名资源'); } catch (e) { return '未命名资源'; }};
const getFileType = (url) => { try { return new URL(url, location.href).pathname.split('.').pop().toUpperCase() || '未知'; } catch (e) { return '未知'; }};
const formatDuration = (sec) => {
if (!sec || sec === Infinity) return '';
const m = Math.floor(sec / 60);
const s = Math.floor(sec % 60);
return `${m}:${s < 10 ? '0' : ''}${s}`;
};
const copyToClipboard = (text, message) => GM_setClipboard(text, 'text/plain', () => GM_notification({ title: '操作成功', text: message, timeout: 2000 }));
const paginate = (items, page, size) => items.slice((page - 1) * size, page * size);
/**
* 创建分页控件的函数 (高对比度最终版)
*/
function createPagination(totalItems, currentPage, pageSize, onPageChange) {
const totalPages = Math.ceil(totalItems / pageSize);
if (totalPages <= 1) return document.createDocumentFragment();
const pagination = document.createElement('div');
pagination.className = 'pagination';
// 创建上一页按钮
const prevBtn = document.createElement('button');
prevBtn.className = 'pagination-btn';
prevBtn.textContent = '‹ 上一页';
prevBtn.onclick = () => onPageChange(currentPage - 1);
if (currentPage === 1) {
prevBtn.disabled = true;
}
pagination.appendChild(prevBtn);
// 创建页码信息显示
const pageInfo = document.createElement('span');
pageInfo.className = 'pagination-btn active';
pageInfo.textContent = `${currentPage} / ${totalPages}`;
pagination.appendChild(pageInfo);
// 创建下一页按钮
const nextBtn = document.createElement('button');
nextBtn.className = 'pagination-btn';
nextBtn.textContent = '下一页 ›';
nextBtn.onclick = () => onPageChange(currentPage + 1);
if (currentPage === totalPages) {
nextBtn.disabled = true;
}
pagination.appendChild(nextBtn);
return pagination;
}
function createRefreshButtonHTML(mode) {
if (isScanning && mode ==='full') {
return `
`).join('')}