`;
document.body.appendChild(panel);
// 绑定事件
bindEvents();
// 应用当前的展开/收缩状态
updatePanelDisplay();
}
// 绑定事件
function bindEvents() {
const startBtn = document.getElementById('startBtn');
const stopBtn = document.getElementById('stopBtn');
const backToListBtn = document.getElementById('backToListBtn');
const clearHistoryBtn = document.getElementById('clearHistoryBtn');
const toggleBtn = document.getElementById('toggle-btn');
const header = document.getElementById('panel-header');
if (startBtn) startBtn.addEventListener('click', startReading);
if (stopBtn) stopBtn.addEventListener('click', stopReading);
if (backToListBtn) backToListBtn.addEventListener('click', backToList);
if (clearHistoryBtn) clearHistoryBtn.addEventListener('click', clearReadHistory);
if (toggleBtn) toggleBtn.addEventListener('click', togglePanel);
// 点击标题栏也可以切换展开/收缩（仅在收缩状态下）
if (header) {
header.addEventListener('click', (e) => {
if (config.isCollapsed && e.target === header) {
togglePanel();
}
});
}
// 监听输入变化
const readSpeedInput = document.getElementById('readSpeed');
const scrollSpeedInput = document.getElementById('scrollSpeed');
const maxTopicsInput = document.getElementById('maxTopics');
const skipCountInput = document.getElementById('skipCount');
if (readSpeedInput) {
readSpeedInput.addEventListener('change', (e) => {
config.readSpeed = parseInt(e.target.value) * 1000;
saveConfig();
});
}
if (scrollSpeedInput) {
scrollSpeedInput.addEventListener('change', (e) => {
config.scrollSpeed = parseFloat(e.target.value) * 1000;
saveConfig();
});
}
if (maxTopicsInput) {
maxTopicsInput.addEventListener('change', (e) => {
config.maxTopics = parseInt(e.target.value);
saveConfig();
});
}
if (skipCountInput) {
skipCountInput.addEventListener('change', (e) => {
config.skipCount = parseInt(e.target.value);
saveConfig();
});
}
}
// 更新状态显示
function updateStatus(text) {
const statusEl = document.getElementById('status');
if (statusEl) {
statusEl.textContent = text;
statusEl.style.color = config.isRunning ? '#28a745' : '#6c757d';
}
}
// 更新进度显示
function updateProgress() {
const progressEl = document.getElementById('progress');
if (progressEl) {
const totalTopics = config.isRunning ? config.actualTopicCount : Math.min(config.maxTopics, config.topicList.length);
progressEl.textContent = `${config.currentCount}/${totalTopics}`;
}
}
// 判断是否为列表页
function isListPage() {
const url = window.location.href;
return url.includes('/latest') || url.includes('/top') || url.includes('/hot') ||
url.includes('/categories') || url === 'https://idcflare.com/';
}
// 判断是否为话题页
function isTopicPage() {
return /\/t\/topic\/\d+/.test(window.location.href);
}
// 获取话题列表
function getTopicList() {
const topics = [];
const links = document.querySelectorAll('a[href*="/t/topic/"]');
links.forEach(link => {
const href = link.getAttribute('href');
const match = href.match(/\/t\/topic\/(\d+)/);
if (match) {
const topicId = parseInt(match[1]);
const fullUrl = href.startsWith('http') ? href : `https://idcflare.com${href}`;
// 检查是否已经在列表中
if (!topics.find(t => t.id === topicId)) {
topics.push({
id: topicId,
url: fullUrl,
title: link.textContent.trim()
});
}
}
});
console.log('找到话题数量:', topics.length);
return topics;
}
// 开始阅读
function startReading() {
if (!isListPage()) {
alert('请在列表页（Latest/Top/Hot/Categories）开始阅读！');
return;
}
// 获取话题列表
const allTopics = getTopicList();
if (allTopics.length === 0) {
alert('未找到话题，请刷新页面后重试！');
return;
}
// 过滤掉已阅读的话题
const unreadTopics = allTopics.filter(topic => !isTopicRead(topic.id));
if (unreadTopics.length === 0) {
alert('所有话题都已阅读过！请清除阅读记录或等待新话题。');
return;
}
// 应用跳过设置
const topicsToRead = unreadTopics.slice(config.skipCount);
if (topicsToRead.length === 0) {
alert(`跳过前 ${config.skipCount} 篇后没有未读话题了！`);
return;
}
// 限制话题数量
config.topicList = topicsToRead.slice(0, config.maxTopics);
config.actualTopicCount = config.topicList.length;
config.currentIndex = 0;
config.currentCount = 0;
config.isRunning = true;
config.startUrl = window.location.href;
saveConfig();
console.log('开始阅读，话题列表:', config.topicList);
console.log('实际要阅读的话题数量:', config.actualTopicCount);
updateStatus('准备开始...');
createControlPanel();
// 跳转到第一个话题
setTimeout(() => {
readNextTopic();
}, 1000);
}
// 停止阅读
function stopReading() {
config.isRunning = false;
saveConfig();
updateStatus('已停止');
createControlPanel();
console.log('阅读已停止');
}
// 返回列表页
function backToList() {
if (config.startUrl) {
window.location.href = config.startUrl;
} else {
window.location.href = 'https://idcflare.com/latest';
}
}
// 阅读下一个话题
function readNextTopic() {
if (!config.isRunning) {
console.log('阅读已停止');
return;
}
if (config.currentIndex >= config.topicList.length) {
console.log('所有话题已阅读完成');
config.isRunning = false;
saveConfig();
updateStatus('阅读完成！');
createControlPanel();
// 3秒后返回列表页
setTimeout(() => {
backToList();
}, 3000);
return;
}
const topic = config.topicList[config.currentIndex];
console.log(`准备阅读第 ${config.currentIndex + 1} 个话题:`, topic);
// 标记为已阅读
markTopicAsRead(topic.id);
// 更新计数
config.currentCount++;
config.currentIndex++;
saveConfig();
// 跳转到话题页
window.location.href = topic.url;
}
// 检查是否滚动到底部
function isScrolledToBottom() {
const scrollHeight = document.documentElement.scrollHeight;
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
const clientHeight = window.innerHeight;
// 允许50px的误差
return scrollHeight - scrollTop - clientHeight < 50;
}
// 判断是否为短话题
function isShortTopic() {
const scrollHeight = document.documentElement.scrollHeight;
const windowHeight = window.innerHeight;
// 如果页面高度不超过2个屏幕高度，认为是短话题
return scrollHeight <= windowHeight * 2;
}
// 自动滚动到底部
async function autoScrollToBottom() {
if (!config.isRunning) {
console.log('阅读已停止，取消滚动');
return;
}
console.log('开始自动滚动到底部');
updateStatus('正在阅读话题内容...');
updateProgress();
// 检查是否为短话题
const isShort = isShortTopic();
if (isShort) {
console.log('检测到短话题，将使用快速阅读模式');
}
// 获取页面高度信息
let scrollHeight = document.documentElement.scrollHeight;
const windowHeight = window.innerHeight;
const scrollStep = Math.max(windowHeight / 3, 200); // 每次滚动至少200px
let currentScroll = window.pageYOffset;
// 先滚动到顶部
window.scrollTo(0, 0);
await sleep(500);
// 记录开始滚动的时间
const startTime = Date.now();
let hasReachedBottom = false;
let consecutiveBottomChecks = 0; // 连续检测到底部的次数
// 逐步滚动到底部
while (currentScroll < scrollHeight - windowHeight && config.isRunning && !hasReachedBottom) {
currentScroll += scrollStep;
window.scrollTo({
top: Math.min(currentScroll, scrollHeight),
behavior: 'smooth'
});
await sleep(config.scrollSpeed);
// 重新获取页面高度，因为可能有动态内容加载
scrollHeight = document.documentElement.scrollHeight;
// 检查是否已经滚动到底部
if (isScrolledToBottom()) {
consecutiveBottomChecks++;
console.log(`连续检测到底部 ${consecutiveBottomChecks} 次`);
// 连续3次检测到底部才确认真的到底了
if (consecutiveBottomChecks >= 3) {
hasReachedBottom = true;
console.log('确认已滚动到底部，准备跳转');
break;
}
} else {
consecutiveBottomChecks = 0; // 重置计数器
}
}
// 确保滚动到最底部
if (!hasReachedBottom) {
window.scrollTo({
top: document.documentElement.scrollHeight,
behavior: 'smooth'
});
await sleep(1000);
// 最后再检查一次是否到底部
if (isScrolledToBottom()) {
hasReachedBottom = true;
console.log('最终确认已滚动到底部');
}
}
// 计算已经花费的时间
const elapsedTime = Date.now() - startTime;
const remainingTime = Math.max(0, config.readSpeed - elapsedTime);
// 如果已经滚动到底部，根据话题长度决定等待时间
let waitTime;
if (hasReachedBottom) {
if (isShort) {
// 短话题：最少等待1秒，最多等待3秒
waitTime = Math.max(1000, Math.min(3000, remainingTime));
} else {
// 长话题：最少等待2秒
waitTime = Math.max(2000, remainingTime);
}
} else {
// 没有到底部，等待完整的阅读时间
waitTime = remainingTime;
}
console.log(`滚动完成，等待 ${waitTime/1000} 秒后跳转到下一个话题`);
await sleep(waitTime);
// 继续下一个话题
if (config.isRunning) {
updateStatus('准备下一个话题...');
setTimeout(() => {
readNextTopic();
}, 1000);
}
}
// 工具函数：延时
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
// 页面加载完成后初始化
function init() {
console.log('IDCFlare自动阅读器初始化，当前URL:', window.location.href);
console.log('运行状态:', config.isRunning, '当前话题:', config.currentCount);
console.log('已阅读话题数量:', config.readTopicIds.length);
console.log('跳过话题数量:', config.skipCount);
console.log('实际要阅读话题数量:', config.actualTopicCount);
// 等待页面完全加载
setTimeout(() => {
createControlPanel();
// 如果在话题页面且正在运行，开始滚动
if (config.isRunning && isTopicPage()) {
console.log('检测到正在运行且在话题页面，开始自动滚动');
setTimeout(autoScrollToBottom, 1000);
}
}, 1000);
}
// 监听页面变化（用于SPA应用）
let lastUrl = location.href;
function checkForUrlChange() {
const url = location.href;
if (url !== lastUrl) {
console.log('页面URL变化:', lastUrl, '->', url);
lastUrl = url;
// 页面变化后重新初始化
setTimeout(() => {
init();
}, 1500);
}
}
// 页面加载完成后执行
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
// 定期检查URL变化
setInterval(checkForUrlChange, 1000);
// 监听DOM变化，但更加谨慎
const observer = new MutationObserver(() => {
// 如果控制面板不存在，重新创建
if (!document.getElementById('idcflare-auto-reader-panel')) {
setTimeout(() => {
try {
createControlPanel();
} catch (error) {
console.log('创建控制面板时出错:', error);
}
}, 500);
}
});
observer.observe(document.body, {
childList: true,
subtree: false // 只监听直接子元素变化，减少性能开销
});
console.log('IDCFlare自动阅读器脚本已加载');
})();