Enhanced Features: Press F8 to show/hide buttons. Provides Eye-care Mode, Dark Mode, Chinese Conversion, TOC navigation, Font Switching and more.
// ==UserScript==
// @name 网页阅读助手
// @name:zh-CN 网页阅读助手
// @name:en Web Reading Tools
// @description 增强功能：按 F8 显示/隐藏按钮，提供护眼模式、黑夜模式、繁简转换、目录导航、字体转换等功能。
// @description:zh-CN 增强功能：按 F8 显示/隐藏按钮，提供护眼模式、黑夜模式、繁简转换、目录导航、字体转换等功能
// @description:en Enhanced Features: Press F8 to show/hide buttons. Provides Eye-care Mode, Dark Mode, Chinese Conversion, TOC navigation, Font Switching and more.
// @namespace https://www.runningcheese.com/bookmarklets
// @author RunningCheese
// @version 1.0
// @icon data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NzYiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTc2IDUxMiI+Cgk8cGF0aCBmaWxsPSIjMDA3RkU5IiBkPSJNNTQyLjIyIDMyLjA1Yy01NC44IDMuMTEtMTYzLjcyIDE0LjQzLTIzMC45NiA1NS41OWMtNC42NCAyLjg0LTcuMjcgNy44OS03LjI3IDEzLjE3djM2My44N2MwIDExLjU1IDEyLjYzIDE4Ljg1IDIzLjI4IDEzLjQ5YzY5LjE4LTM0LjgyIDE2OS4yMy00NC4zMiAyMTguNy00Ni45MmMxNi44OS0uODkgMzAuMDItMTQuNDMgMzAuMDItMzAuNjZWNjIuNzVjLjAxLTE3LjcxLTE1LjM1LTMxLjc0LTMzLjc3LTMwLjdNMjY0LjczIDg3LjY0QzE5Ny41IDQ2LjQ4IDg4LjU4IDM1LjE3IDMzLjc4IDMyLjA1QzE1LjM2IDMxLjAxIDAgNDUuMDQgMCA2Mi43NVY0MDAuNmMwIDE2LjI0IDEzLjEzIDI5Ljc4IDMwLjAyIDMwLjY2YzQ5LjQ5IDIuNiAxNDkuNTkgMTIuMTEgMjE4Ljc3IDQ2Ljk1YzEwLjYyIDUuMzUgMjMuMjEtMS45NCAyMy4yMS0xMy40NlYxMDAuNjNjMC01LjI5LTIuNjItMTAuMTQtNy4yNy0xMi45OSIgLz4KPC9zdmc+
// @match *://*/*
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_registerMenuCommand
// @grant GM_unregisterMenuCommand
// @license MIT
// ==/UserScript==
(function() {
'use strict';
let ttPolicy;
if (window.trustedTypes && window.trustedTypes.createPolicy) {
try {
ttPolicy = window.trustedTypes.createPolicy('web-assistant-' + Math.random().toString(36).substring(2, 9), {
createHTML: (string) => string
});
} catch (e) {
ttPolicy = { createHTML: (string) => string };
}
} else {
ttPolicy = { createHTML: (string) => string };
}
// 简化的元素创建工具
const elements = {
createAs(nodeType, config, appendTo) {
const element = document.createElement(nodeType);
if (config) {
Object.entries(config).forEach(([key, value]) => {
if (key === 'innerHTML') {
element.innerHTML = ttPolicy.createHTML(value);
} else {
element[key] = value;
}
});
}
if (appendTo) appendTo.appendChild(element);
return element;
},
getAs(selector) {
return document.body.querySelector(selector);
}
};
// 添加CSS样式
const style = elements.createAs('style', {
textContent: `
.web-icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s, transform 0.2s;
background-color: #fff;
color: #555;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
text-decoration: none;
}
.web-icon-btn:hover {
background-color: #d0d0d0;
transform: scale(1.1);
}
.web-icon-btn svg {
width: 20px;
height: 20px;
fill: #555;
}
`
}, document.head);
// 网页助手主体
const webViewer = {
buttonAdded: false,
buttonCheckInterval: null,
visible: false,
menuCommandIds: [],
buttonConfigs: [
{ id: 'web-bookmarklet-btn', key: 'autoRunBtn1', label: '护眼模式' },
{ id: 'web-bookmarklet-btn-2', key: 'autoRunBtn2', label: '黑夜模式' },
{ id: 'web-bookmarklet-btn-3', key: 'autoRunBtn3', label: '繁简转换' },
{ id: 'web-bookmarklet-btn-4', key: 'autoRunBtn4', label: '目录导航' },
{ id: 'web-bookmarklet-btn-5', key: 'autoRunBtn5', label: '网页字体' },
],
runButtonAction(id) {
switch (id) {
case 'web-bookmarklet-btn':
this.runEyesCareMode();
break;
case 'web-bookmarklet-btn-2':
this.runDarkMode();
break;
case 'web-bookmarklet-btn-3':
this.runCharConvert();
break;
case 'web-bookmarklet-btn-4':
this.runTOC();
break;
case 'web-bookmarklet-btn-5':
this.runFontChange();
break;
}
},
// 运行“护眼模式”功能
runEyesCareMode() {
var night = function(w) {
(function(d) {
var css = 'html{filter: brightness(0.9);}';
var s = d.getElementsByTagName('style');
for (var i = 0, si; si = s[i]; i++) {
if (si.innerHTML == css) {
si.parentNode.removeChild(si);
return;
}
}
var heads = d.getElementsByTagName('head');
if (heads.length) {
var node = d.createElement('style');
node.type = 'text/css';
node.appendChild(d.createTextNode(css));
heads[0].appendChild(node);
}
})(w.document);
for (var i = 0, f; f = w.frames[i]; i++) {
try { arguments.callee(f); } catch (e) {}
}
};
night(window);
},
// 运行“黑夜模式”功能
runDarkMode() {
var d = document.documentElement;
if (d.hasAttribute('data-dark-mode')) {
var e = document.querySelectorAll('[data-original-style]');
e.forEach(function(n) {
n.style.cssText = n.getAttribute('data-original-style') || '';
n.removeAttribute('data-original-style');
});
d.removeAttribute('data-dark-mode');
} else {
d.setAttribute('data-dark-mode', 'true');
function R(c) {
var r = c[0], g = c[1], b = c[2], M = Math.max(Math.max(r, g), b), m = Math.min(Math.min(r, g), b), s = M + m, f = M - m, l = s / 2, h = 0, S = 0;
if (M != m) {
S = l <= .5 ? f / s : f / (2 - s);
var Rd = r / 6 / f, Gd = g / 6 / f, Bd = b / 6 / f;
h = r == M ? Gd - Bd : g == M ? 1 / 3 + Bd - Rd : 2 / 3 + Rd - Gd;
if (h < 0) h += 1;
if (h > 1) h -= 1;
}
return [h, S, l];
}
function C(n, p) {
var r = getComputedStyle(n, null).getPropertyValue(p);
if (/rgb\((\d+),\s(\d+),\s(\d+)\)/.exec(r)) return [parseInt(RegExp.$1, 10) / 255, parseInt(RegExp.$2, 10) / 255, parseInt(RegExp.$3, 10) / 255];
return r;
}
function H(h) {
if (h[2] < .1) return 'hsl(220,20%,15%)';
return 'hsl(' + Math.round(h[0] * 360) + ',' + Math.round(h[1] * 100) + '%,' + Math.round(h[2] * 100) + '%)';
}
function I(n) {
return n.tagName === 'BUTTON' || n.tagName === 'INPUT' || n.classList.contains('icon') || n.classList.contains('btn') || n.getAttribute('role') === 'button' || /\b(icon|btn|button)\b/i.test(n.className);
}
var P = ['color', 'background-color', 'border-left-color', 'border-right-color', 'border-top-color', 'border-bottom-color'],
P2 = ['color', 'backgroundColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'borderBottomColor'];
if (typeof C(d, 'background-color') == 'string') d.style.backgroundColor = 'white';
(function L(n) {
if (n.nodeType == Node.ELEMENT_NODE) {
if (!n.hasAttribute('data-original-style')) n.setAttribute('data-original-style', n.style.cssText);
for (var i = 0, x; x = n.childNodes[i]; ++i) L(x);
if (!I(n))
for (i = 0; x = P[i]; ++i) {
var c = C(n, x);
if (typeof c != 'string') {
var h = R(c);
h[2] = 1 - h[2];
n.style[P2[i]] = H(h);
}
}
}
})(d);
}
},
// 运行“目录导航”功能
runTOC() {
var toc = function() {
var selectors = ["article", "section", "main", "content", "#article", ".article", "#main", ".main", "#content", ".content", "#post", ".post", "body"];
var headingSelector = "h1, h2, h3, h4, h5, h6";
var shadow;
var buildList = function() {
var headings = [];
var index = 0;
for (var s = 0; s < selectors.length; s++) {
if (document.querySelectorAll(selectors[s]).length) {
document.querySelectorAll(selectors[s]).forEach(function(container) {
container.querySelectorAll(headingSelector).forEach(function(el) {
if (el.innerText.trim()) {
headings.push(el);
if (el.id) {
el.dataset.headerMark = el.id;
} else {
el.dataset.headerMark = "toc_index_" + index++;
el.id = el.dataset.headerMark;
}
}
});
});
break;
}
}
var html = "";
if (headings.length) {
var prevLevel = +headings[0].tagName.replace(/H/g, "");
var indent = 0;
headings.forEach(function(el) {
var level = +el.tagName.replace(/H/g, "");
indent = indent + level - prevLevel;
indent = indent < 0 ? 0 : indent;
prevLevel = level;
var span = document.createElement("span");
span.innerText = el.innerText;
html += '<li class="toc_menu_item toc_header_level_' + indent + '"><a href="#' + el.dataset.headerMark + '">' + span.innerHTML + '</a></li>';
});
} else {
html += '<li class="toc_menu_item">[空]</li>';
}
return html;
};
(function() {
var host = document.createElement("div");
shadow = host.attachShadow({ mode: "open" });
host.id = "toc_menu_root";
shadow.innerHTML = '<style>#toc_menu_root{position:fixed;top:50%;right:20%;transform:translateY(-50%);width:220px;max-height:80vh;z-index:2147483647;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.25);}#toc_menu_root>#toc_header{padding:8px 10px;cursor:move;font-size:14px;border-radius:8px 8px 0 0;border-bottom:1px solid #eee;color:#333;display:flex;justify-content:space-between;align-items:center;}#toc_header_text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}#close_button{cursor:pointer;margin-left:8px;color:#999;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease;flex-shrink:0;}#close_button:hover{background:#dadada;color:#333;}#toc_menu_root>ul#toc_menu_list{box-sizing:border-box!important;margin:0;padding:4px;max-height:calc(80vh - 32px);overflow:auto;background:#fff;border-radius:0 0 8px 8px;}#toc_menu_root>ul#toc_menu_list>li{list-style:none!important;margin:0;padding:0 10px;height:32px;font-size:14px;transition:all 0.2s ease;border-radius:6px;cursor:pointer;}#toc_menu_root>ul#toc_menu_list>li.toc_menu_item>a{display:flex;align-items:center;color:#333;text-decoration:none;font-size:14px;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}#toc_menu_root>ul#toc_menu_list>li:hover{background:#dadada;}#toc_menu_root>ul#toc_menu_list>li.toc_menu_item>a:hover{color:#333;}#toc_menu_root>ul#toc_menu_list>li.toc_header_level_1{padding-left:1.2em;}#toc_menu_root>ul#toc_menu_list>li.toc_header_level_2{padding-left:2em;}#toc_menu_root>ul#toc_menu_list>li.toc_header_level_3{padding-left:2.8em;}</style><div id="toc_menu_root"><div id="toc_header"><span id="toc_header_text">▼ 目录导航</span><span id="close_button">✕</span></div><ul id="toc_menu_list"></ul></div>';
document.querySelector("html").appendChild(host);
var menuRoot = shadow.querySelector("#toc_menu_root");
var menuList = shadow.querySelector("#toc_menu_list");
var header = shadow.querySelector("#toc_header");
menuList.innerHTML = buildList();
var isDragging = false;
var offsetX, offsetY;
header.addEventListener("mousedown", function(e) {
if (e.target.id === "close_button") return;
isDragging = true;
offsetX = e.clientX - e.currentTarget.getBoundingClientRect().left;
offsetY = e.clientY - e.currentTarget.getBoundingClientRect().top;
});
document.addEventListener("mousemove", function(e) {
if (!isDragging) return;
var x = e.clientX - offsetX;
var y = e.clientY - offsetY;
e.preventDefault();
menuRoot.style.left = x + "px";
menuRoot.style.top = y + "px";
menuRoot.style.right = "auto";
menuRoot.style.transform = "none";
});
document.addEventListener("mouseup", function() {
isDragging = false;
});
shadow.querySelector("#close_button").addEventListener("click", function() {
host.remove();
});
document.addEventListener("keydown", function(evt) {
if (evt.key === "Escape") {
host.remove();
}
});
})();
};
toc();
},
// 显示提示消息
showToast(message) {
const toast = elements.createAs("div", {
style: `
position: fixed;
top: 12%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ff2442;
color: white;
padding: 15px 20px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
z-index: 1000000000;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
`,
textContent: message
}, document.body);
setTimeout(() => {
if (document.body.contains(toast)) {
document.body.removeChild(toast);
}
}, 3000);
},
// 添加按钮到页面浮动容器
addButtons() {
let buttonContainer = elements.getAs('#web-helper-buttons');
if (!buttonContainer) {
buttonContainer = elements.createAs('div', {
id: 'web-helper-buttons',
style: `
position: fixed;
top: 50%;
right: 30px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
z-index: 999999;
`
}, document.body);
}
buttonContainer.style.display = this.visible ? 'flex' : 'none';
// 创建小书签按钮
if (!elements.getAs('#web-bookmarklet-btn')) {
elements.createAs('a', {
id: 'web-bookmarklet-btn',
href: 'javascript:void(0);',
className: 'web-icon-btn',
title: '护眼模式',
innerHTML: '<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#555" fill-rule="evenodd" d="M277.333 405.333v85.333h-42.667v-85.333zm99.346-58.824l60.34 60.34l-30.17 30.17l-60.34-60.34zm-241.359 0l30.17 30.17l-60.34 60.34l-30.17-30.17zM256 139.353c64.422 0 116.647 52.224 116.647 116.647c0 64.422-52.225 116.647-116.647 116.647A116.427 116.427 0 0 1 139.352 256c0-64.423 52.225-116.647 116.648-116.647m0 42.666c-40.859 0-73.981 33.123-73.981 74.062a73.76 73.76 0 0 0 21.603 52.296c13.867 13.867 32.685 21.64 52.378 21.603zm234.666 52.647v42.667h-85.333v-42.667zm-384 0v42.667H21.333v-42.667zM105.15 74.98l60.34 60.34l-30.17 30.17l-60.34-60.34zm301.7 0l30.169 30.17l-60.34 60.34l-30.17-30.17zM277.332 21.333v85.333h-42.667V21.333z" /></svg>',
onclick: () => {
webViewer.runEyesCareMode();
}
}, buttonContainer);
}
if (!elements.getAs('#web-bookmarklet-btn-2')) {
elements.createAs('a', {
id: 'web-bookmarklet-btn-2',
href: 'javascript:void(0);',
className: 'web-icon-btn',
title: '黑夜模式',
innerHTML: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#555" d="M11 21q-3.35 0-5.675-2.325T3 13t2.325-5.675T11 5q.125 0 .25.012t.25.013q-.725.8-1.112 1.825T10 9q0 2.5 1.75 4.25T16 15q.775 0 1.513-.187t1.387-.563q-.45 2.95-2.7 4.85T11 21m2.8-10L17 2h2l3.2 9h-1.9l-.7-2h-3.2l-.7 2zm3.05-3.35h2.3L18 4z" /></svg>',
onclick: () => {
webViewer.runDarkMode();
}
}, buttonContainer);
}
if (!elements.getAs('#web-bookmarklet-btn-3')) {
elements.createAs('a', {
id: 'web-bookmarklet-btn-3',
href: 'javascript:void(0);',
className: 'web-icon-btn',
title: '繁简转换',
innerHTML: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-translate" viewBox="0 0 16 16"><path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z"/><path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066 0 0 1-.415-.492 1.988 1.988 0 0 1-.94.31z"/></svg>',
onclick: () => {
webViewer.runCharConvert();
}
}, buttonContainer);
}
if (!elements.getAs('#web-bookmarklet-btn-4')) {
elements.createAs('a', {
id: 'web-bookmarklet-btn-4',
href: 'javascript:void(0);',
className: 'web-icon-btn',
title: '目录导航',
innerHTML: '<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="#555" d="M64 136c0-13.2 10.7-24 24-24h48c13.3 0 24 10.7 24 24v104h24c13.3 0 24 10.7 24 24s-10.7 24-24 24H88c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-80H88c-13.3 0-24-10.7-24-24m30.4 229.2c11.4-8.6 25.3-13.2 39.6-13.2h4.9c33.7 0 61.1 27.4 61.1 61.1c0 19.6-9.4 37.9-25.2 49.4l-24 17.5H184c13.3 0 24 10.7 24 24s-10.7 24-24 24H93.3C77.1 528 64 514.9 64 498.7c0-9.4 4.5-18.2 12.1-23.7l70.5-51.3c3.4-2.5 5.4-6.4 5.4-10.6c0-7.2-5.9-13.1-13.1-13.1H134c-3.9 0-7.7 1.3-10.8 3.6l-20.8 15.6c-10.6 8-25.6 5.8-33.6-4.8s-5.8-25.6 4.8-33.6zM288 128h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32m0 160h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32m0 160h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H288c-17.7 0-32-14.3-32-32s14.3-32 32-32" /></svg>',
onclick: () => {
webViewer.runTOC();
}
}, buttonContainer);
}
if (!elements.getAs('#web-bookmarklet-btn-5')) {
elements.createAs('a', {
id: 'web-bookmarklet-btn-5',
href: 'javascript:void(0);',
className: 'web-icon-btn',
title: '网页字体',
innerHTML: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#555" d="M7 2a1 1 0 0 1 .94.658l2.882 7.926l-1.11 2.798L9.209 12H4.792l-.852 2.342a1 1 0 0 1-1.88-.684l4.001-11A1 1 0 0 1 7.001 2m-1.48 8h2.962L7 5.926zm9.848-3.472a1 1 0 0 0-1.86 0L8.151 20.022h-.15a1 1 0 1 0 0 2H11a1 1 0 0 0 0-2h-.697L11.106 18h6.653l.8 2.023H18a1 1 0 0 0 0 2h3.009a1 1 0 0 0 0-2h-.298zM16.967 16H11.9l2.537-6.39z" /></svg>',
onclick: () => {
webViewer.runFontChange();
}
}, buttonContainer);
}
this.buttonAdded = true;
},
runCharConvert() {
javascript:(function(){var s = document.getElementById('tongwenlet_script');if(s != null){document.body.removeChild(s);s = document.createElement('script');s.language = 'javascript';s.type = 'text/javascript';if(window.lastTongwenType === 'cn'){s.src = 'https://gcore.jsdelivr.net/gh/runningcheese/Awesome-Bookmarklets/libs/bookmarklet_tw.js';window.lastTongwenType = 'tw';}else{s.src = 'https://gcore.jsdelivr.net/gh/runningcheese/Awesome-Bookmarklets/libs/bookmarklet_cn.js';window.lastTongwenType = 'cn';}}else{s = document.createElement('script');s.language = 'javascript';s.type = 'text/javascript';s.src = 'https://gcore.jsdelivr.net/gh/runningcheese/Awesome-Bookmarklets/libs/bookmarklet_cn.js';window.lastTongwenType = 'cn';}s.id = 'tongwenlet_script';document.body.appendChild(s);})();
},
runFontChange() {
javascript:(function(){const e=document.createElement('div');e.style.cssText='position:fixed;top:20%;right:20%;transform:translate(-50%,0);background:#fff;border:none;border-radius:8px;padding:4px;width:200px;box-shadow:0 4px 12px rgba(0,0,0,0.25);z-index:999999;cursor:move;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif';let t=0,n=0,o=0,i=0,s=!1;e.onmousedown=l=>{s=!0;t=l.clientX;n=l.clientY;o=e.offsetLeft;i=e.offsetTop;e.style.transform='translateX(-50%)'};document.onmousemove=l=>{if(!s)return;const d=l.clientX-t,r=l.clientY-n;e.style.left=o+d+'px';e.style.top=i+r+'px'};document.onmouseup=()=>s=!1;let lastEscTime=0;document.addEventListener('keydown',function(evt){if(evt.key==='Escape'){const now=Date.now();if(now-lastEscTime<=300){e.remove()}lastEscTime=now}});const l=[{title:'▼ 修改网页字体 ×',isTitle:true},{title:'1、衬线字体',code:` document.body.style.fontFamily = "Georgia,Times,Times New Roman,serif";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "Georgia,Times,Times New Roman,serif";}});`},{title:'2、无衬线字体',code:` document.body.style.fontFamily = "Arial,Helvetica,sans-serif";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "Arial,Helvetica,sans-serif";}});`},{title:'3、思源宋体',code:` document.body.style.fontFamily = "Source Han Serif SC,Source Han Serif CN,Source Han Serif,serif";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "Source Han Serif SC,Source Han Serif CN,Source Han Serif,serif";}});`},{title:'4、思源黑体',code:` document.body.style.fontFamily = "Source Han Sans SC,Source Han Sans CN,Source Han Sans,sans-serif";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "Source Han Sans SC,Source Han Sans CN,Source Han Sans,sans-serif";}});`},{title:'5、Seravek 字体',code:` document.body.style.fontFamily = "Seravek,-apple-system,BlinkMacSystemFont,sans-serif";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "Seravek,-apple-system,BlinkMacSystemFont,sans-serif";}});`},{title:'6、苹方字体',code:` document.body.style.fontFamily = "PingFang SC,PingFang TC,PingFang HK,sans-serif";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "PingFang SC,PingFang TC,PingFang HK,sans-serif";}});`},{title:'7、等宽字体',code:` document.body.style.fontFamily = "Menlo,Monaco,Consolas,'Courier New',monospace";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "Menlo,Monaco,Consolas,'Courier New',monospace";}});`},{title:'8、楷体',code:` document.body.style.fontFamily = "KaiTi,楷体,STKaiti,华文楷体,serif";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "KaiTi,楷体,STKaiti,华文楷体,serif";}});`},{title:'9、宋体',code:` document.body.style.fontFamily = "SimSun,宋体,STSong,华文宋体,serif";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "SimSun,宋体,STSong,华文宋体,serif";}});`},{title:'10、恢复默认',code:` document.body.style.fontFamily = "";const allElements = document.querySelectorAll('*');allElements.forEach(el =>{if(el !== e && !e.contains(el)){el.style.fontFamily = "";}});`}];l.forEach((t,idx)=>{const n=document.createElement('div');n.style.cssText=t.isTitle?'display:flex;justify-content:space-between;align-items:center;padding:4px 10px;font-size:14px;color:#333;border-bottom:1px solid #eee;margin-bottom:2px':'cursor:pointer;padding:0px 10px;height:32px;transition:all 0.2s ease;border-radius:6px;font-size:14px;color:#333;display:flex;align-items:center';if(t.isTitle){const o=document.createElement('span');o.textContent='✕';o.style.cssText='cursor:pointer;color:#999;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease';o.onmouseover=()=>o.style.backgroundColor='#dadada';o.onmouseout=()=>o.style.backgroundColor='';o.onclick=()=>e.remove();n.textContent=t.title.replace(' ×','');n.appendChild(o)}else{n.textContent=t.title;n.onmouseover=()=>n.style.backgroundColor='#dadada';n.onmouseout=()=>n.style.backgroundColor='';if(t.url||t.code){n.onclick=o=>{o.preventDefault();if(t.url){window.open(t.url+encodeURIComponent(window.getSelection().toString()||''))}else if(t.code){eval(t.code);}}}}e.appendChild(n)});document.body.appendChild(e)})();
this.showToast('已切换阅读字体');
},
// 启动按钮检查
startButtonCheck() {
if (this.buttonCheckInterval) {
clearInterval(this.buttonCheckInterval);
}
this.buttonCheckInterval = setInterval(() => {
this.addButtons();
}, 1500);
},
// 切换按钮显示/隐藏
toggleVisibility() {
this.visible = !this.visible;
const container = elements.getAs('#web-helper-buttons');
if (container) {
container.style.display = this.visible ? 'flex' : 'none';
} else if (this.visible) {
this.addButtons();
}
},
// 切换是否自动运行
toggleAutoRun(key, label) {
const newState = !GM_getValue(key, false);
GM_setValue(key, newState);
this.showToast((newState ? '已开启' : '已关闭') + '自动运行' + label);
this.registerMenu();
},
// 注册脚本菜单命令
registerMenu() {
this.menuCommandIds.forEach(id => {
try { GM_unregisterMenuCommand(id); } catch (e) {}
});
this.menuCommandIds = [];
this.buttonConfigs.forEach(config => {
const enabled = GM_getValue(config.key, false);
const id = GM_registerMenuCommand(
config.label + ' ' + (enabled ? '✅' : '❌'),
() => { this.toggleAutoRun(config.key, config.label); }
);
this.menuCommandIds.push(id);
});
},
// 初始化
init() {
this.addButtons();
this.startButtonCheck();
this.buttonConfigs.forEach(config => {
if (GM_getValue(config.key, false)) {
this.runButtonAction(config.id);
}
});
this.registerMenu();
console.log('网页助手初始化成功');
// F8 切换按钮显示/隐藏
document.addEventListener('keydown', (e) => {
if (e.key === 'F8') {
e.preventDefault();
this.toggleVisibility();
}
});
// 监听页面变化
let lastUrl = location.href;
new MutationObserver(() => {
if (lastUrl !== location.href) {
lastUrl = location.href;
// 延迟处理，等待页面元素加载
setTimeout(() => {
this.addButtons();
}, 800);
}
}).observe(document.body, {
childList: true,
subtree: true
});
}
};
webViewer.init();
})();