MediaWiki:Common.js：修订间差异

第25行：

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

if (card.dataset.filled) return;

const title = card.dataset.title;

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');

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

// API 根路径

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

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

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

~~fetch(excerptUrl~~)

// 1️⃣ 摘要

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

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

.then(data => {

第48行：

第51行：

const temp = document.createElement('div');

temp.innerHTML = html;

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

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

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

第56行：

第57行：

});

~~// 去掉换行~~

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

})

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

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

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

// 2️⃣ 第一张图片

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

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

'&prop=images&format=json';

~~fetch(imagesUrl~~)

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

.then(data => {

第72行：

第70行：

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

if (images.length > 0) {

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

const firstImage = images[0].title;

~~// 二次请求获取 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 => {

第99行：

第93行：

}

})

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

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

card.dataset.filled = '1';

第105行：

第99行：

}

// ~~立即执行~~

// DOM 完全加载后再执行

~~fillPageCards();~~

document.addEventListener('DOMContentLoaded', fillPageCards);

~~// 监听~~ DOM ~~变化（可选）~~

~~const observer = new MutationObserver(fillPageCards);~~

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