漫畫櫃自動隐藏頂部元素、中鍵捲動頁面、圖片高寬調整、自動切換上下一章、更改cookie、簡易觸控手勢
目前为
// ==UserScript==
// @name 增強漫畫櫃
// @namespace http://tampermonkey.net/
// @version 1.23
// @description 漫畫櫃自動隐藏頂部元素、中鍵捲動頁面、圖片高寬調整、自動切換上下一章、更改cookie、簡易觸控手勢
// @license MIT
// @match *://www.manhuagui.com/*
// @run-at document-end
// @grant none
// ==/UserScript==
(function($) {
'use strict';
// 禁用 tbBox.live
function disableTbBoxLive() {
$('#tbBox').off && $('#tbBox').off();
$('#tbBox').die && $('#tbBox').die();
}
$(document).ready(disableTbBoxLive);
new MutationObserver(() => {
$('#tbBox').length && disableTbBoxLive();
}).observe(document.body, { childList: true, subtree: true });
})(window.jQuery);
(function() {
'use strict';
// 滑鼠中鍵捲動頁面（優化版）
let isMiddleButtonPressed = false;
let [lastX, lastY] = [0, 0];
document.addEventListener('mousedown', e => {
if (e.button === 1) {
isMiddleButtonPressed = true;
document.body.style.cursor = 'grab';
[lastX, lastY] = [e.clientX, e.clientY];
e.preventDefault();
}
});
document.addEventListener('mouseup', e => {
if (e.button === 1) {
isMiddleButtonPressed = false;
document.body.style.cursor = 'default';
}
});
document.addEventListener('mousemove', e => {
if (isMiddleButtonPressed) {
const deltaX = e.clientX - lastX;
const deltaY = e.clientY - lastY;
window.scrollBy(-deltaX * 1.5, -deltaY * 4); // 調整滑動速度
[lastX, lastY] = [e.clientX, e.clientY];
}
});
const url = window.location.href;
if (url.includes('html')&&url.includes('/comic/')) {
//改變css style
const style = document.createElement('style');
style.textContent = `
html {
overflow: overlay;
}
.notice-bar .notice{
width:initial;
float: initial;
}
.w998, .w728, .w980, .chapter, .chapter-list, .latest-list, .latest-list ul, .contList, .book-list ul, .cmt-cont, .cover-list, .tbCenter {
width:100%;
}
.w860 {
float:left;
}
.tbCenter {
border:0px;
background-color: transparent;
}
.footer-cont {
width:100%;
padding: 0;
}
.sub-btn {
width:980px;
margin:0px auto;
}
`;
document.head.appendChild(style);
// 隱藏頁面元素
const elementsToHide = ['.header-inner', '.title', '.main-btn', '.w980.clearfix.sub-btn'];
const header = document.querySelector('.header');
const headerHeight = '50px';
if (header) {
Object.assign(header.style, {
position: 'absolute', top: '0', left: '0', width: '100%', height: headerHeight,
display: 'block', opacity: '0', zIndex: '1', marginBottom: '0'
});
[...elementsToHide, '.header'].forEach(selector => {
const el = document.querySelector(selector);
el && el.addEventListener('mouseover', () => toggleHeaderVisibility(true));
el && el.addEventListener('mouseout', () => toggleHeaderVisibility(false));
});
// 頁面載入時先隱藏元素
elementsToHide.forEach(selector => {
const el = document.querySelector(selector);
el && (el.style.display = 'none');
});
}
function toggleHeaderVisibility(show) {
header.style.opacity = show ? '1' : '0';
elementsToHide.forEach(selector => {
const el = document.querySelector(selector);
el && (el.style.display = show ? 'block' : 'none');
});
header.style.height = show ? '34px' : headerHeight;
header.style.position= show ? 'relative' : 'absolute';
}
// 動態改變圖片大小
function resizeImage() {
const img = document.getElementById('mangaFile');
const images = document.querySelectorAll('#mangaMoreBox img');
if (!img || !img.complete) return;
const [windowHeight, windowWidth] = [window.innerHeight, window.innerWidth];
const adjustedWidth = (windowHeight / img.naturalHeight) * img.naturalWidth;
if (img.naturalHeight > img.naturalWidth && windowHeight > 1.5*windowWidth) {
// 圖片高度大於圖片寬度且視窗寬度大於1.5倍視窗高度
img.style.width = `${windowWidth}px`;
img.style.height = 'auto';
/* let style = document.getElementById('mangaStyle');
if (!style) {
style = document.createElement('style');
style.id = 'mangaStyle';
document.head.appendChild(style);
}
style.textContent = `
#mangaMoreBox img {
width: ${windowWidth}px;
height: auto;
}
`;*/
// 設定下拉模式的mangaMoreBox
images.forEach(img => {
img.style.width = `${windowWidth}px`;
img.style.height = 'auto';
});
document.body.style.width = `${windowWidth}px`;
header.style.width = '100%';
// } else if (img.naturalHeight > windowHeight && adjustedWidth > windowWidth) {
// 高度大於視窗高度且調整過圖片寬度大於視窗寬度，將圖片高度設為視窗高度且header, .main-nav .main-bar為調整過寬度
// img.style.height = `${windowHeight}px`;
// img.style.width = 'auto';
// document.body.style.width = `${adjustedWidth}px`;
// header.style.width = `${adjustedWidth}px`;
} else if (pVars.curFunc==3) {
// 下拉模式
if (img.naturalWidth > windowWidth || windowHeight > 1.5*windowWidth) {
img.style.width = `${windowWidth}px`;
} else {
img.style.width = 'auto';
}
img.style.height = 'auto';
// 設定下拉模式的mangaMoreBox
images.forEach(img => {
if (img.naturalWidth > windowWidth || windowHeight > 1.5*windowWidth) {
img.style.width = `${windowWidth}px`;
} else {
img.style.width = 'auto';
}
img.style.height = 'auto';
});
} else if (img.naturalHeight > 2.5*img.naturalWidth) {
// 條漫為auto
img.style.height = 'auto';
img.style.width = 'auto';
document.body.style.width = '100%';
header.style.width = `100%`;
} else if (img.naturalHeight > windowHeight || img.naturalHeight > img.naturalWidth || adjustedWidth < windowWidth) {
// 圖片高度大於視窗高度和圖片寬度，將圖片高度設為視窗高度
img.style.height = `${windowHeight}px`;
img.style.width = 'auto';
document.body.style.width = '100%';
header.style.width = `100%`;
} else if (img.naturalWidth > windowWidth) {
// 圖片寬度度大於視窗寬度，將header, .main-nav .main-bar為圖片寬度
img.style.height = 'auto';
img.style.width = 'auto';
document.body.style.width = `${img.naturalWidth}px`;
header.style.width = `${img.naturalWidth}px`;
} else {
// 其他情況，auto
img.style.height = 'auto';
img.style.width = 'auto';
document.body.style.width = '100%';
header.style.width = `100%`;
}
}
new MutationObserver(resizeImage).observe(document.body, { childList: true, subtree: true });
window.addEventListener('load', resizeImage);
// 自動捲動到右側大圖
function scrollToRightIfNeeded() {
const viewportWidth = window.innerWidth;
document.querySelectorAll('img').forEach(img => {
if (img.complete && img.offsetWidth > viewportWidth) {
setTimeout(() => window.scrollTo({ left: document.documentElement.scrollWidth }), 50);
}
});
}
window.addEventListener('load', scrollToRightIfNeeded);
new MutationObserver(scrollToRightIfNeeded).observe(document.body, { childList: true, subtree: true });
// 自動上下一章
new MutationObserver(() => {
const okButton = document.querySelector('.pb-ok');
okButton && okButton.click();
}).observe(document.body, { childList: true, subtree: true });
// 漫畫頁面時觸控手勢控制
let startX = 0;
let startY = 0;
let dragLength = 200;
window.addEventListener('touchstart', function(e) {
if (e.touches.length === 1) { // Only trigger for single touch
startX = e.touches[0].clientX;
startY = e.touches[0].clientY;
}
}, false);
window.addEventListener('touchend', function(e) {
if (e.changedTouches.length === 1 && e.touches.length === 0) { // Ensure only single touch ends
const endX = e.changedTouches[0].clientX;
const endY = e.changedTouches[0].clientY;
const deltaX = endX - startX;
const deltaY = endY - startY;
if (Math.abs(deltaY) > Math.abs(deltaX)) {
if (window.scrollY === 0 && deltaY > dragLength) {
const comicIndexUrl = window.location.href.replace(/\/comic\/(\d+)\/.*\.html.*/, '/comic/$1/');
window.location.href = comicIndexUrl;
}
} else {
if (window.scrollX === 0 && deltaX > dragLength) {
const prevButton = Array.from(document.querySelectorAll('.btn-red.prev')).find(btn => btn.textContent.trim() === '上一页');
if (prevButton) {
prevButton.click();
}
} else if ((window.innerWidth >= document.body.scrollWidth || (window.innerWidth + window.scrollX) >= document.body.scrollWidth) && deltaX < -dragLength) {
const nextButton = Array.from(document.querySelectorAll('.btn-red.next')).find(btn => btn.textContent.trim() === '下一页');
if (nextButton) {
nextButton.click();
}
}
}
}
}, false);
} else {
document.querySelectorAll('a[target]').forEach(link => {link.setAttribute('target', '_self');});
}
// 修改 cookie
const targetCookie = 'country=CN; path=/; domain=.manhuagui.com; expires=' + new Date(Date.now() + 7 * 864e5).toUTCString();
document.cookie = targetCookie;
})();