無縫瀏覽 Komica 貼文，提供手動和自動載入功能，無需離開頁面。
// ==UserScript==
// @name Komica 載入更多貼文
// @namespace 291
// @version 1.0
// @description 無縫瀏覽 Komica 貼文，提供手動和自動載入功能，無需離開頁面。
// @match https://gita.komica1.org/00b/index.htm*
// @grant none
// ==/UserScript==
(function() {
'use strict';
let currentPage = 1;
const threadsContainerSelector = '#threads';
// 自訂 log 函數
function log(message, ...args) {
console.log(`[Komica 載入更多貼文] ${message}`, ...args);
}
// 頁面載入時初始化
window.addEventListener('load', function() {
markExistingThreads();
addLoadButton();
setupPoliticsHideFunctionality();
createPanel();
autoLoadPosts();
});
// 標記初始貼文
function markExistingThreads() {
const existingThreads = document.querySelectorAll('.thread');
existingThreads.forEach(thread => thread.classList.add('komica-thread-initialized'));
log(`標記初始貼文完成：共 ${existingThreads.length} 個`);
}
// 添加載入按鈕
function addLoadButton() {
const loadButton = document.createElement('button');
loadButton.textContent = '載入更多貼文';
loadButton.style.marginTop = '10px';
loadButton.style.marginBottom = '10px';
loadButton.style.display = 'block';
loadButton.style.marginLeft = 'auto';
loadButton.style.marginRight = '10px';
loadButton.style.padding = '5px 10px';
document.body.appendChild(loadButton);
loadButton.addEventListener('click', loadMorePosts);
log('載入按鈕已添加');
}
// 政治隱藏功能
function setupPoliticsHideFunctionality() {
var checkbox = document.getElementById('hidePolitics');
var allPosts, allThreads;
function updatePostAndThreadLists() {
allPosts = document.querySelectorAll('div[class^="post"]');
allThreads = document.querySelectorAll('.thread');
}
function hidePoliticalPosts() {
updatePostAndThreadLists();
allThreads.forEach(thread => {
let firstPost = thread.querySelector(".post:first-child");
if (firstPost && firstPost.querySelector(".category")?.textContent.includes("政治")) {
thread.style.display = checkbox.checked ? "none" : "block";
}
});
allPosts.forEach(post => {
if (post.querySelector('.category')?.textContent.includes('政治')) {
post.style.display = checkbox.checked ? 'none' : 'block';
}
});
}
var storedState = localStorage.getItem('hidePoliticsState');
if (storedState === 'true') checkbox.checked = true;
checkbox.addEventListener('change', function() {
hidePoliticalPosts();
localStorage.setItem('hidePoliticsState', checkbox.checked);
});
hidePoliticalPosts();
log('政治隱藏功能已初始化');
}
// 創建面板
const createPanel = () => {
const headerToplink = document.querySelector('#toplink');
if (!headerToplink || document.querySelector('#preload-select')) return;
const preloadSelect = document.createElement('select');
preloadSelect.id = 'preload-select';
preloadSelect.innerHTML = `
<option value="0">不預載</option>
<option value="1">預載1頁</option>
<option value="2">預載2頁</option>
`;
const label = document.createElement('span');
label.textContent = '預載頁數: ';
label.appendChild(preloadSelect);
const refreshBtn = Array.from(headerToplink.querySelectorAll('a')).find(a => a.textContent.includes('重新整理'));
if (refreshBtn) {
const textNode = document.createTextNode('] [');
headerToplink.insertBefore(textNode, refreshBtn.nextSibling);
headerToplink.insertBefore(label, textNode.nextSibling);
} else {
headerToplink.appendChild(label);
}
// 載入保存的設置
const savedPreload = localStorage.getItem('preloadPages');
if (savedPreload) {
preloadSelect.value = savedPreload;
}
// 監聽選擇變化並保存
preloadSelect.addEventListener('change', () => {
localStorage.setItem('preloadPages', preloadSelect.value);
});
};
// 自動載入貼文
const autoLoadPosts = () => {
const preloadPages = parseInt(localStorage.getItem('preloadPages') || '0', 10);
if (preloadPages > 0) {
log(`開始自動載入 ${preloadPages} 頁貼文`);
let pagesLoaded = 0;
const loadInterval = setInterval(() => {
if (pagesLoaded < preloadPages) {
loadMorePosts();
pagesLoaded++;
} else {
clearInterval(loadInterval);
log(`自動載入完成，共載入 ${pagesLoaded} 頁`);
}
}, 1000); // 每秒載入一頁，避免過於頻繁的請求
}
};
// 載入更多貼文
function loadMorePosts() {
const url = `https://gita.komica1.org/00b/${currentPage}.htm`;
log(`開始載入：${url}`);
const existingThreads = document.querySelectorAll('.komica-thread-initialized');
existingThreads.forEach(thread => thread.classList.remove('thread'));
fetch(url, { credentials: 'same-origin' })
.then(response => response.text())
.then(htmlText => {
const { added, duplicates } = appendThreadsFromHTML(htmlText);
log(`載入完成：新增 ${added} 篇，跳過 ${duplicates} 篇重複`);
if (added > 0) reloadExternalScript();
setTimeout(() => {
existingThreads.forEach(thread => thread.classList.add('thread'));
const newThreads = document.querySelectorAll('.thread:not(.komica-thread-initialized)');
newThreads.forEach(thread => thread.classList.add('komica-thread-initialized'));
setupPoliticsHideFunctionality();
log(`新貼文標記完成：${newThreads.length} 個`);
}, 2000);
currentPage++;
})
.catch(error => {
console.error(`[Komica 載入更多貼文] 載入失敗：`, error);
existingThreads.forEach(thread => thread.classList.add('thread'));
});
}
// 解析並添加新貼文
function appendThreadsFromHTML(htmlString) {
let added = 0, duplicates = 0;
const parser = new DOMParser();
const doc = parser.parseFromString(htmlString, 'text/html');
const newThreadsContainer = doc.querySelector(threadsContainerSelector);
const currentThreadsContainer = document.querySelector(threadsContainerSelector);
Array.from(newThreadsContainer.children).forEach(thread => {
const no = thread.getAttribute('data-no');
if (!currentThreadsContainer.querySelector(`[data-no="${no}"]`)) {
thread.classList.add('thread');
currentThreadsContainer.appendChild(thread.cloneNode(true));
added++;
} else {
duplicates++;
}
});
return { added, duplicates };
}
// 重新載入komica內部腳本
function reloadExternalScript() {
const script = document.createElement('script');
script.src = '/common/js/script.js?t=' + Date.now();
script.onload = () => log('內部腳本重新載入成功');
document.head.appendChild(script);
}
})();