☰

Customize qBittorrent Web UI Font Size

*Customize qBittorrent Web UI Font Size*

  1. // ==UserScript==
  2. // @name         Customize qBittorrent Web UI Font Size
  3. // @name:zh-cn   修改qBittorrent Web UI字体大小
  4. // @namespace    lanhaha
  5. // @version      0.1
  6. // @description  *Customize qBittorrent Web UI Font Size*
  7. // @description:zh-cn  *修改qBittorrent Web UI字体大小*
  8. // @match        *://*/*
  9. // @grant        none
  10. // @license      MIT
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     // 获取网页的标题
  17.     const pageTitle = document.title;
  18.  
  19.     // 使用正则表达式匹配包含 "qBittorrent" 和 "Web UI" 的标题
  20.     const titlePattern = /^qBittorrent.*Web UI$/i;
  21.  
  22.     // 检查页面标题是否匹配正则表达式
  23.     if (titlePattern.test(pageTitle)) {
  24.         console.log("这是 qBittorrent Web UI 页面");
  25.  
  26.         // 设置默认字体大小
  27.         const fontSize = "14px";  // 可以修改为你希望的字体大小
  28.         const rowHeight = "25px"; // 设置表格行的高度
  29.  
  30.         // 创建一个新的样式元素
  31.         const style = document.createElement('style');
  32.         style.innerHTML = `
  33.             body {
  34.             font-family: 'FangSong', '仿宋', serif !important;
  35.                 font-size: ${fontSize} !important;
  36.             }
  37.  
  38.             /* 可选：修改其他元素的字体大小 */
  39.             table, th, td , tr{
  40.                 font-size: ${fontSize} !important;
  41.             }
  42.  
  43.                         /* 修改 td 或 th 中的内容的行高，以确保行内内容垂直居中 */
  44.             td, th, tr {
  45.                 line-height: ${rowHeight} !important;
  46.             }
  47.         `;
  48.  
  49.         // 将样式元素添加到页面头部
  50.         document.head.appendChild(style);
  51.     } else {
  52.         console.log("这不是 qBittorrent  Web UI 页面");
  53.     }
  54. })();