优化 linovelib 阅读体验
Stan na
// ==UserScript==
// @name linovelib
// @namespace https://github.com/IronKinoko/userscripts/tree/master/packages/linovelib
// @version 1.0.3
// @license MIT
// @description 优化 linovelib 阅读体验
// @author IronKinoko
// @match https://w.linovelib.com/*
// @icon https://www.google.com/s2/favicons?domain=w.linovelib.com
// @grant none
// @noframes
// ==/UserScript==
(function () {
'use strict';
function isMobile() {
const re = /iphone|ipad|ipod|android|webos|blackberry|windows phone/i;
const ua = navigator.userAgent;
return re.test(ua);
}
main();
async function main() {
if (!isMobile())
return;
if (window.ReadTools) {
resetPageEvent();
injectMovePageEvent();
}
}
function resetPageEvent() {
const $body = document.body;
$body.onclick = (e) => {
const toolsId = ["#toptools", "#bottomtools", "#readset"];
if (toolsId.some((id) => {
var _a;
return (_a = document.querySelector(id)) == null ? void 0 : _a.contains(e.target);
})) {
return;
}
window.ReadPages.PageClick();
};
}
function injectMovePageEvent() {
let left, startX, startY, diffX, startTime, isMoved, direction;
const $page = document.getElementById("apage");
const isDisabled = (e) => {
return window.ReadTools.pagemid != 1 || e.touches.length > 1 || window.visualViewport.scale !== 1;
};
window.addEventListener("touchstart", (e) => {
if (isDisabled(e))
return;
left = parseFloat($page.style.left.replace("px", "")) || 0;
startX = e.touches[0].clientX;
startY = e.touches[0].clientY;
startTime = Date.now();
isMoved = false;
direction = "";
});
window.addEventListener("touchmove", (e) => {
if (isDisabled(e))
return;
isMoved = true;
diffX = e.touches[0].clientX - startX;
let diffY = e.touches[0].clientY - startY;
if (direction === "") {
direction = Math.abs(diffX) > Math.abs(diffY) ? "x" : "y";
}
if (direction === "x") {
e.preventDefault();
$page.style.left = left + diffX + "px";
$page.style.transition = "initail";
}
}, { passive: false });
window.addEventListener("touchend", (e) => {
if (isDisabled(e))
return;
if (!isMoved || direction === "y")
return;
const diffTime = Date.now() - startTime;
const threshold = diffTime < 300 ? 10 : document.documentElement.clientWidth * 0.3;
$page.style.transition = "";
if (Math.abs(diffX) > threshold) {
const type = diffX > 0 ? "previous" : "next";
window.ReadPages.ShowPage(type);
if (window.ReadPages.currentPage > window.ReadPages.totalPages || window.ReadPages.currentPage < 1) {
window.ReadPages.ShowPage();
}
} else {
window.ReadPages.ShowPage();
}
});
}
})();