Null：调整js规则

2025-10-17T01:19:25Z

调整js规则

←上一版本		2025年10月17日 (五) 09:19的版本
第31行：		第31行：
	window.addEventListener('load', function() {		window.addEventListener('load', function() {
	const processImages = () => {		const processImages = () => {
	document.querySelectorAll('img[src*="www.guohao.asia"]').forEach(img => {		// 修改：同时处理www和cdn域名的图片
			document.querySelectorAll('img[src="www.guohao.asia"], img[src="cdn.guohao.asia"]').forEach(img => {
	if (!img.complete \|\| img.naturalWidth === 0) return;		if (!img.complete \|\| img.naturalWidth === 0) return;

第53行：		第54行：

	// 容错机制：图片加载失败后重试		// 容错机制：图片加载失败后重试
			// 修改：同时处理www和cdn域名的图片错误
	document.addEventListener('error', (e) => {		document.addEventListener('error', (e) => {
	if (e.target.tagName === 'IMG' && e.target.src.includes('www.guohao.asia')) {		if (e.target.tagName === 'IMG' &&
			(e.target.src.includes('www.guohao.asia') \|\| e.target.src.includes('cdn.guohao.asia'))) {
	e.target.src = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"></svg>'; // 占位图		e.target.src = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"></svg>'; // 占位图
	setTimeout(() => processImages(), 1000);		setTimeout(() => processImages(), 1000);

Null：创建自定义js

2025-10-09T08:58:08Z

创建自定义js

新页面

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */

// 获取所有符合条件的图片
//const images = document.querySelectorAll('img[src*="www.guohao.asia"]');

// 遍历图片并调整样式
//images.forEach(img => {
// 获取图片的实际宽度
// const naturalWidth = img.naturalWidth;

// 根据图片宽度设置样式
// if (naturalWidth < 600) {
// img.style.maxWidth = 'none'; // 移除最大宽度限制
// img.style.width = 'auto'; // 使用图片的实际宽度
// } else {
// img.style.width = '80%'; // 宽度大于等于450px时，设置为父容器的80%
// }
//});

// utils.js (可单独封装)
const debounce = (func, delay) => {
let timeoutId;
return (...args) => {
clearTimeout(timeoutId);
timeoutId = setTimeout(() => func.apply(this, args), delay);
};
};

// 主逻辑
window.addEventListener('load', function() {
const processImages = () => {
document.querySelectorAll('img[src*="www.guohao.asia"]').forEach(img => {
if (!img.complete || img.naturalWidth === 0) return;

// Retina屏幕适配计算
const pixelRatio = window.devicePixelRatio || 1;
const effectiveWidth = img.naturalWidth / pixelRatio;

// 类名切换逻辑
img.classList.remove('img-auto', 'img-responsive');
img.classList.add(effectiveWidth < 600 ? 'img-auto' : 'img-responsive');
});
};

// 防抖处理动态内容
const debouncedProcess = debounce(processImages, 250);

// 初始执行 + 动态监听
processImages();
const observer = new MutationObserver(debouncedProcess);
observer.observe(document.body, { subtree: true, childList: true });

// 容错机制：图片加载失败后重试
document.addEventListener('error', (e) => {
if (e.target.tagName === 'IMG' && e.target.src.includes('www.guohao.asia')) {
e.target.src = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"></svg>'; // 占位图
setTimeout(() => processImages(), 1000);
}
}, true);
});

MediaWiki:Common.js - 版本历史

Null：​调整js规则

Null：​创建自定义js

Null：调整js规则

Null：创建自定义js