MediaWiki:Common.js：修订间差异

第25行：

document.querySelectorAll('.page-card').forEach(card => {

if (card.dataset.filled) return;

const title = card.dataset.title;

const length = parseInt(card.dataset.length) || 200;

~~const title = card.dataset.title?.trim();~~

~~if (!title) return;~~

~~const length = parseInt(card.dataset.length) || 200;~~

const excerptDiv = card.querySelector('.page-excerpt');

const imgDiv = card.querySelector('.page-card-image');

// ~~MediaWiki API 根路径~~

// --- 1. 获取摘要 ---

const ~~apiRoot~~ = '~~https://wflswiki.zelda-110.link~~/api.php';

const excerptUrl = '/api.php?action=query&prop=extracts&exchars=' + length +

'&titles=' + encodeURIComponent(title) + '&format=json&explaintext=0';

~~// 1️⃣ 异步获取摘要~~

fetch(excerptUrl)

~~fetch(`${apiRoot}~~?action=query&prop=extracts&exchars=${length}&titles=${encodeURIComponent(title)}&format=json&explaintext=0`)

.then(r => r.json())

.then(data => {

第52行：

第49行：

temp.innerHTML = html;

// 保留 <a> ~~标签，去掉其他~~

// 保留 <a>，删除其他标签

temp.querySelectorAll('*').forEach(node => {

if (node.tagName !== 'A') {

第59行：

第56行：

});

// 去掉换行

excerptDiv.innerHTML = temp.innerHTML.replace(/[\r\n]+/g, ' ');

})

.catch(err => console.error('~~摘要加载失败~~', title, err));

.catch(err => console.error('Failed to fetch excerpt for', title, err));

// ~~2️⃣ 异步获取第一张图片~~

// --- 2. 获取第一张图片 ---

~~fetch(`${apiRoot}~~?action=query&titles=${encodeURIComponent(title)}&prop=images&format=json`)

const imagesUrl = '/api.php?action=query&titles=' + encodeURIComponent(title) +

'&prop=images&format=json';

fetch(imagesUrl)

.then(r => r.json())

.then(data => {

第72行：

const images = pages[pageId].images || [];

if (images.length > 0) {

const ~~firstImage~~ = images[0].title;

const firstImageTitle = images[0].title; // "File:xxx.jpg"

// ~~获取真实~~ URL

// 二次请求获取 URL

~~fetch(`${apiRoot}~~?action=query&titles=${encodeURIComponent(~~firstImage~~)}&prop=imageinfo&iiprop=url&format=json`)

const imageInfoUrl = '/api.php?action=query&titles=' +

encodeURIComponent(firstImageTitle) +

'&prop=imageinfo&iiprop=url&format=json';

fetch(imageInfoUrl)

.then(r => r.json())

.then(imgData => {

第96行：

第99行：

}

})

.catch(err => console.error('~~图片加载失败~~', title, err));

.catch(err => console.error('Failed to fetch image for', title, err));

card.dataset.filled = '1';

第102行：

第105行：

}

// ~~监听 DOMContentLoaded，保证 DOM 已渲染~~

// 立即执行

~~document.addEventListener~~(~~'DOMContentLoaded', fillPageCards~~);

fillPageCards();

// ~~支持动态生成内容，例如 #ask 异步插入条目~~

// 监听 DOM 变化（可选）

const observer = new MutationObserver(fillPageCards);

observer.observe(document.body, { childList: true, subtree: true });

console.log('COMMON.JS LOADED');