微信读书加宽可视范围

将宽度改的更宽，看起来舒服一些,在url地址栏加参数，自定义程度高一些
目前为 2023-01-14 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         微信读书加宽可视范围
// @namespace    http://tampermonkey.net/
// @version      1.0.5
// @description  将宽度改的更宽，看起来舒服一些,在url地址栏加参数，自定义程度高一些
// @author       yehuda
// @icon         https://rescdn.qqmail.com/node/wr/wrpage/style/images/independent/favicon/favicon_32h.png
// @match        https://weread.qq.com/*
// @match      *://https://weread.qq.com/web/reader/*
// @license MIT
// @grant        none
// ==/UserScript==

(function () {
	'use strict';
	const getUrlParam = (name, url) => {
		let qs = arguments[1] || window.location.href,
			reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'),
			r = qs.substr(qs.indexOf('?') + 1).match(reg);
		if (r !== null) {
			let i = decodeURI(r[2]).indexOf('#');
			if (i !== -1) {
				return decodeURI(r[2]).substring(0, i);
			} else {
				return decodeURI(r[2]);
			}
		} else {
			return '';
		}
	};
	const tarWidth = getUrlParam('w') || '1500';
	const tartoolsMargin = getUrlParam('m') || '800';
	const fontSize_range = getUrlParam('r') || '-75';
	const routerViewDOM = document.getElementById('routerView');
	if (routerViewDOM) {
		// 主体内容宽度
		const app_contentTarDOM = routerViewDOM.getElementsByClassName('app_content').item(0);
		if (app_contentTarDOM) {
			app_contentTarDOM.style.maxWidth = tarWidth ? `${tarWidth}px` : ``;
			const readerTopBarDOM = routerViewDOM.getElementsByClassName('readerTopBar').item(0);
			if (readerTopBarDOM) {
				readerTopBarDOM.style.maxWidth = tarWidth ? `${tarWidth}px` : ``;
			}
		}
		// 功能栏定位
		const readerControlsDOM = routerViewDOM.getElementsByClassName('readerControls').item(0);
		if (readerControlsDOM) {
			readerControlsDOM.style.marginLeft = tartoolsMargin ? `${tartoolsMargin}px` : ``;
			// 字体大小设置
			const fontSizerangeDOM = routerViewDOM.getElementsByClassName('readerControls_fontSize').item(0);
			if (fontSizerangeDOM) {
				// 大小选择栏位置
				fontSizerangeDOM.addEventListener(
					'click',
					(e) => {
						e.stopPropagation();
						fontSizerangeDOM.style.transition = `none`;
						fontSizerangeDOM.style.transform = `translateX(${fontSize_range}px)`;
					},
					false
				);
				document.addEventListener('click', () => {
					fontSizerangeDOM.style.transition = `none`;
					fontSizerangeDOM.style.transform = ``;
				});
			}
		}
	}
	// 两个弹框设置成紧贴右边
	const readerCatalogDOM = document.getElementsByClassName('readerCatalog').item(0);
	const readerNotePaneltDOM = document.getElementsByClassName('readerNotePanel').item(0);
	readerCatalogDOM.style.left = 'unset';
	readerCatalogDOM.style.right = '0';
	readerNotePaneltDOM.style.left = 'unset';
	readerNotePaneltDOM.style.right = '0';
})();
欢迎访问Greasy Fork镜像
