稍微放大电脑网站的字体

稍微放大电脑网站的字体，脚本菜单可以控制网站启用与禁用，并设置单独网站的字体和行间距倍数。
目前為 2023-03-08 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         稍微放大电脑网站的字体
// @author       ChatGPT定制
// @version      3
// @description  稍微放大电脑网站的字体，脚本菜单可以控制网站启用与禁用，并设置单独网站的字体和行间距倍数。
// @match        *://*/*
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_getValue
// @run-at      document-end
// @namespace https://gf.qytechs.cn/users/452911
// ==/UserScript==

(function() {
    'use strict';

    // 获取当前网站URL，并根据其生成一个唯一的存储键
    var storageKey = window.location.href.replace(/\/|\./g, '_');

    // 根据存储键获取已保存的设置（如果存在）
    var isEnabled = GM_getValue(storageKey + '_enabled', true);
    var fontMultiplier = GM_getValue(storageKey + '_font_multiplier', 1.04);
    var lineHeightMultiplier = GM_getValue(storageKey + '_line_height_multiplier', 1.08);

    function enlargeFontSize() {
        // 获取当前根元素的字体大小
        const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);

        // 计算新的根元素字体大小
        const newRootFontSize = rootFontSize * fontMultiplier;

        // 将新的根元素字体大小应用到根元素上
        document.documentElement.style.fontSize = `${newRootFontSize}px`;

        // 获取当前根元素的行高
        const rootLineHeight = parseFloat(getComputedStyle(document.documentElement).lineHeight);

        // 计算新的根元素行高
        const newRootLineHeight = rootLineHeight * lineHeightMultiplier;

        // 将新的根元素行高应用到根元素上
        document.documentElement.style.lineHeight = `${newRootLineHeight}px`;

        // 修改其他元素的字体大小和行高，以相对于新根元素字体大小和行高的方式进行缩放
        const elementsToScale = document.querySelectorAll('*');
        elementsToScale.forEach(element => {
            const fontSize = parseFloat(getComputedStyle(element).fontSize);
            element.style.fontSize = `${fontSize / rootFontSize * newRootFontSize}px`;

            const lineHeight = parseFloat(getComputedStyle(element).lineHeight);
            element.style.lineHeight = `${lineHeight / rootLineHeight * newRootLineHeight}px`;
        });
    }

    function checkFontSize() {
        const width = window.innerWidth;
        if (width > 700) {
            enlargeFontSize();
        }
    }

    // 根据保存的设置来启用或禁用字体放大功能
    if (isEnabled) {
        window.addEventListener('resize', checkFontSize);
        checkFontSize();
    }

    // 创建油猴菜单项，在菜单中添加“启用”和“禁用”选项，以及“调整字体大小”和“调整行间距”选项
    GM_registerMenuCommand(isEnabled ? '禁用字体放大' : '启用字体放大', function() {
        isEnabled = !isEnabled;
        GM_setValue(storageKey + '_enabled', isEnabled);
        if (isEnabled) {
            window.addEventListener('resize', checkFontSize);
            checkFontSize();
        } else {
            document.documentElement.style.fontSize = '';
            document.documentElement.style.lineHeight = '';
            const elementsToReset = document.querySelectorAll('*');
            elementsToReset.forEach(element => {
                element.style.fontSize = '';
                element.style.lineHeight = '';
            });
            window.removeEventListener('resize', checkFontSize);
        }
    });

    GM_registerMenuCommand('调整字体大小', function() {
        fontMultiplier = prompt('请输入字体大小倍数', fontMultiplier);
        GM_setValue(storageKey + '_font_multiplier', parseFloat(fontMultiplier));
        checkFontSize();
    });

    GM_registerMenuCommand('调整行间距', function() {
        lineHeightMultiplier = prompt('请输入行间距倍数', lineHeightMultiplier);
        GM_setValue(storageKey + '_line_height_multiplier', parseFloat(lineHeightMultiplier));
        checkFontSize();
    });
})();
欢迎访问Greasy Fork镜像
