Greasy Fork is available in English.
适配轻小说文库的阅读界面
目前为
// ==UserScript==
// @name 轻小说文库美化
// @namespace http://tampermonkey.net/
// @version 2024-02-13
// @description 适配轻小说文库的阅读界面
// @author Le_le
// @match https://www.wenku8.net/novel/*/*/*
// @icon https://www.wenku8.net/favicon.ico
// @license MIT
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==
(function() {
'use strict';
function index_function() {
let check_box = document.createElement('input');
check_box.type = 'checkbox';
check_box.id = 'beautify';
check_box.title = 'Beautify';
check_box.addEventListener('change', function () {
if (this.checked) {
GM_setValue('beautify', true);
}
else {
GM_setValue('beautify', false);
}
window.location.reload();
}
);
if (GM_getValue('beautify', false)) {
check_box.checked = true;
index_changeherf();
}
let label = document.createElement('label');
label.htmlFor = 'beautify';
label.appendChild(document.createTextNode('启用美化'));
document.getElementById('linkright').appendChild(label);
document.getElementById('linkright').appendChild(check_box);
}
function index_changeherf() {
let tbody = document.getElementsByTagName('tbody')[0];
// 获取所有的tr
let trs = tbody.getElementsByTagName('tr');
let a;
// 排除第一行
for (let i = 1; i < trs.length; i++) {
a = trs[i].getElementsByTagName('a');
for (let i = 0; i < a.length; i++) {
if(a[i].innerText.indexOf('插图') > -1) {
continue;
}
a[i].href = a[i].href + '/beautify';
}
}
}
async function beautify_function() {
document.body.innerHTML = "";
document.head.innerHTML = "";
let url = window.location.href;
// 去除最后的/beautify
url = url.substring(0, url.lastIndexOf('/'));
await fetchAndDecode(url, 'gbk');
addhtml();
}
async function fetchAndDecode(file, encoding) {
var xhr = new XMLHttpRequest();
xhr.open('GET', file);
xhr.responseType = 'arraybuffer';
xhr.onload = function () {
if (this.status == 200) {
var dataView = new DataView(this.response);
var decoder = new TextDecoder(encoding);
var decodedString = decoder.decode(dataView);
// 解析html
let parser = new DOMParser();
let doc = parser.parseFromString(decodedString, 'text/html');
let content = doc.getElementById('content');
window.contentvalue = content.innerHTML;
let title = doc.title;
document.title = title;
document.getElementById('content').innerHTML = content.innerHTML;
} else {
console.error('Error while requesting', file, this);
}
};
xhr.send();
}
let locate = window.location;
if (locate.href.indexOf('index') > -1) {
index_function();
} else if (locate.href.indexOf('beautify') > -1) {
beautify_function();
}
function addhtml() {
let div = `<html>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/mdui.css">
<script src="https://unpkg.com/[email protected]/mdui.global.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Filled -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Outlined -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
<!-- Rounded -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
<!-- Sharp -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Sharp" rel="stylesheet">
<!-- Two Tone -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone" rel="stylesheet">
<style>
#content {
--pad: 40px;
columns: 100vw auto;
height: calc(99vh - var(--pad) * 2);
column-gap: calc(var(--pad) * 2);
font-size: 4vh;
overflow: visible;
transform: translateX(0vw);
transition: 1s;
padding: var(--pad);
cursor: default;
column-rule: solid 1px rgba(0, 0, 0, 0.1);
}
body {
padding: 0;
margin: 0;
overflow: hidden;
width: auto;
}
mdui-bottom-app-bar{
background-color: rgba(var(--mdui-color-surface-bright), 0.8);
}
@media screen and (min-width: 600px) {
#content {
columns: 40vw auto;
}
}
</style>
<body>
<mdui-top-app-bar style="position: fixed;">
<mdui-button-icon icon="menu" onclick="openDrawer()"></mdui-button-icon>
<mdui-top-app-bar-title>轻小说文库</mdui-top-app-bar-title>
<div style="flex-grow: 1"></div>
<mdui-button-icon icon="more_vert" onclick="hideBar(true)"></mdui-button-icon>
</mdui-top-app-bar>
<mdui-navigation-drawer close-on-overlay-click class="example-drawer" modal="true">
之后再做<br>Powered by 乐乐
</mdui-navigation-drawer>
<div id="content">
asdsadsda
</div>
<mdui-bottom-app-bar>
<mdui-tooltip content="上一章">
<mdui-button-icon icon="arrow_back"></mdui-button-icon>
</mdui-tooltip>
<mdui-tooltip content="章节">
<mdui-button-icon icon="collections_bookmark"></mdui-button-icon>
</mdui-tooltip>
<mdui-tooltip content="下一章">
<mdui-button-icon icon="arrow_forward"></mdui-button-icon>
</mdui-tooltip>
<div style="flex-grow: 1"></div>
<mdui-fab icon="add"></mdui-fab>
</mdui-bottom-app-bar>
<mdui-snackbar id="tip-snackbar"></mdui-snackbar>
</body>
<script>
window.page = 0;
function openDrawer() {
var flag = document.getElementsByTagName('mdui-navigation-drawer')[0].open
console.log(flag)
if (flag == false) {
document.getElementsByTagName('mdui-navigation-drawer')[0].open = true
} else {
document.getElementsByTagName('mdui-navigation-drawer')[0].open = false
}
}
function hideBar(flag) {
var topBar = document.getElementsByTagName('mdui-top-app-bar')[0];
var bottomBar = document.getElementsByTagName('mdui-bottom-app-bar')[0];
if (flag == true) {
topBar.hide = true;
bottomBar.hide = true;
} else {
topBar.hide = false;
bottomBar.hide = false;
}
}
setTimeout(function () {
document.body.style.paddingTop = 0;
document.body.style.paddingBottom = 0;
}, 10)
function page_change(flag) {
hideBar(true)
window.page = flag + window.page;
var allpage = document.getElementById('content').scrollWidth / document.body.clientWidth;
console.log(allpage, window.page);
if (window.page >= allpage - 1) {
document.getElementById('tip-snackbar').innerHTML = '已经是最后一页了';
document.getElementById('tip-snackbar').open = true;
window.page = parseInt(allpage);
}
if (window.page <= 0) {
document.getElementById('tip-snackbar').innerHTML = '已经是第一页了';
document.getElementById('tip-snackbar').open = true;
window.page = 0;
}
document.getElementById('content').style.transform = 'translateX(' + (-100 * window.page) + 'vw)';
}
window.addEventListener('mousewheel', function (e) {
// content总宽度/页面宽度
if (e.deltaY > 0) {
page_change(1);
} else {
page_change(-1);
}
})
window.addEventListener('keydown', function (e) {
if (e.key == 'ArrowRight') {
page_change(1);
} else if (e.key == 'ArrowLeft') {
page_change(-1);
} else if (e.key == 'Escape') {
hideBar(false)
}
})
document.getElementById('content').addEventListener('click', enent => {
// 获取click的位置
var x = enent.clientX;
var width = document.body.clientWidth;
if (x < width / 3) {
page_change(-1);
} else if (x > width / 3 * 2) {
page_change(1);
} else {
hideBar(false)
}
})
</script>
</html>`
document.write(div);
document.close();
}
})();