將顯示方式轉為直書，新增黑夜模式，兼容輕小說文庫+
当前为
// ==UserScript==
// @name 輕小說文庫直書工具
// @namespace http://tampermonkey.net/
// @version 1.00
// @description 將顯示方式轉為直書，新增黑夜模式，兼容輕小說文庫+
// @author 0225
// @license GPL-license
// @match https://www.wenku8.net/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
if (document.querySelector('.main.nav') || document.getElementById('info')) {
return;
}
const titleElement = document.getElementById('title');
if (titleElement && (titleElement.innerText.includes('插图') || titleElement.innerText.includes('插圖'))) {
return;
}
const init = () => {
const adv4 = document.getElementById('adv4');
adv4 && adv4.remove();
const adv5 = document.getElementById('adv5');
adv5 && adv5.remove();
const footlink = document.getElementById('footlink');
if (footlink) {
footlink.style.border = 'none';
footlink.style.padding = '10px';
}
// 移除不需要的左邊區塊
const leftDiv = document.getElementById('linkleft');
leftDiv && leftDiv.remove();
const headlink = document.getElementById('headlink');
if (headlink) {
Object.assign(headlink.style, {
position: 'fixed',
left: '0',
bottom: '0',
zIndex: '2000',
display: 'block',
});
}
const rightDiv = document.getElementById('linkright');
if (rightDiv) {
Object.assign(rightDiv.style, {
position: 'absolute',
left: '0',
top: '0',
zIndex: '1000',
});
}
const adtop = document.getElementById('adtop');
if (adtop) {
Object.assign(adtop.style, {
position: 'fixed',
top: '0',
left: '50%',
transform: 'translateX(-50%)',
zIndex: '2000',
display: 'block',
});
}
const content = document.getElementById('content');
if (content) {
const emptyLines = document.createElement('div');
emptyLines.innerHTML = '<br><br><br><br>'
content.insertBefore(emptyLines, content.firstChild);
content.style.marginTop = '30px';
Object.assign(content.style, {
writingMode: 'vertical-rl',
textOrientation: 'upright',
overflowY: 'auto',
overflowX: 'hidden',
whiteSpace: 'normal',
width: 'auto',
maxHeight: '80vh',
lineHeight: '1.6',
transition: 'color 0.3s, background-color 0.3s',
});
}
const contentMain = document.getElementById('contentmain');
if (contentMain) {
Object.assign(contentMain.style, {
width: 'auto',
borderLeft: 'none',
borderRight: 'none',
boxShadow: 'none',
});
}
document.body.style.width = 'auto';
window.addEventListener('wheel', (event) => {
if (event.deltaY > 0) {
window.scrollBy(-50, 0);
event.preventDefault();
} else if (event.deltaY < 0) {
window.scrollBy(50, 0);
event.preventDefault();
}
});
const title = document.getElementById('title');
if (title) {
Object.assign(title.style, {
position: 'fixed',
right: '0',
top: '0',
writingMode: 'horizontal-tb',
textOrientation: 'upright',
zIndex: '1000',
whiteSpace: 'nowrap',
paddingRight: '10px',
});
}
let rightSpace = document.getElementById('rightspace');
if (!rightSpace) {
rightSpace = document.createElement('div');
rightSpace.id = 'rightspace';
Object.assign(rightSpace.style, {
position: 'fixed',
right: '0',
top: '0',
width: 'auto',
height: '100vh',
backgroundColor: 'transparent',
});
document.body.appendChild(rightSpace);
}
const foottext = document.getElementById('foottext');
if (foottext) {
Object.assign(foottext.style, {
position: 'fixed',
right: '0',
bottom: '0',
zIndex: '2000',
display: 'block',
backgroundColor: 'rgba(255, 255, 255, 0.8)',
padding: '5px',
borderRadius: '5px',
});
}
const sidepanel = document.getElementById('sidepanel-panel');
if (sidepanel) {
foottext.style.display = 'none';
const angleDownButton = sidepanel.querySelector('.fa-solid.fa-angle-down');
const angleUpButton = sidepanel.querySelector('.fa-solid.fa-angle-up');
if (angleDownButton) {
angleDownButton.parentElement.remove();
}
if (angleUpButton) {
angleUpButton.parentElement.remove();
}
const moveRightButton = document.createElement('div');
moveRightButton.className = 'sidepanel-button';
moveRightButton.innerHTML = '<i class="fa-solid fa-forward"></i>';
moveRightButton.onclick = () => {
window.scrollTo(document.body.scrollWidth, 0);
};
const moveLeftButton = document.createElement('div');
moveLeftButton.className = 'sidepanel-button';
moveLeftButton.innerHTML = '<i class="fa-solid fa-backward"></i>';
moveLeftButton.onclick = () => {
window.scrollTo(0, 0);
};
sidepanel.appendChild(moveRightButton);
sidepanel.appendChild(moveLeftButton);
const nightModeButton = document.createElement('div');
nightModeButton.className = 'sidepanel-button';
nightModeButton.innerHTML = '<i class="fa-solid fa-moon"></i>';
let isNightMode = false;
nightModeButton.onclick = () => {
isNightMode = !isNightMode;
document.body.style.backgroundColor = isNightMode ? 'black' : 'white';
const adtop = document.getElementById('adtop');
if (adtop) {
adtop.style.color = isNightMode ? 'white' : 'black';
}
if (title) {
title.style.color = isNightMode ? 'white' : 'black';
}
const content = document.getElementById('content');
if (content) {
content.style.color = isNightMode ? 'white' : 'black';
}
checkOverlap(title, adtop);
};
sidepanel.appendChild(nightModeButton);
}
const checkOverlap = (titleElement, adtopElement) => {
if (titleElement && adtopElement) {
const adtopRect = adtopElement.getBoundingClientRect();
const titleRect = titleElement.getBoundingClientRect();
if (
titleRect.bottom > adtopRect.top &&
titleRect.top < adtopRect.bottom &&
titleRect.right > adtopRect.left &&
titleRect.left < adtopRect.right
) {
titleElement.style.display = 'none';
} else {
titleElement.style.display = 'block';
}
}
};
if (title && adtop) {
checkOverlap(title, adtop);
}
window.scrollTo(document.body.scrollWidth, 0);
};
window.addEventListener('load', init);
})();