MediaWiki:Common.js:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第29行: | 第29行: | ||
const excerptDiv = card.querySelector('.page-excerpt'); | const excerptDiv = card.querySelector('.page-excerpt'); | ||
const | const imgDiv = card.querySelector('.page-card-image'); | ||
// --- 1. 获取摘要 --- | // --- 1. 获取摘要 --- | ||
| 第49行: | 第49行: | ||
temp.innerHTML = html; | temp.innerHTML = html; | ||
// 保留 <a> | // 保留 <a>,删除其他标签 | ||
temp.querySelectorAll('*').forEach(node => { | temp.querySelectorAll('*').forEach(node => { | ||
if (node.tagName !== 'A') { | if (node.tagName !== 'A') { | ||
| 第85行: | 第85行: | ||
if (imgPages.hasOwnProperty(imgId)) { | if (imgPages.hasOwnProperty(imgId)) { | ||
const url = imgPages[imgId].imageinfo?.[0]?.url; | const url = imgPages[imgId].imageinfo?.[0]?.url; | ||
if (url) | if (url) { | ||
const imgEl = document.createElement('img'); | |||
imgEl.src = url; | |||
imgEl.alt = "概述图"; | |||
imgDiv.appendChild(imgEl); | |||
} | |||
} | } | ||
} | } | ||
| 第102行: | 第107行: | ||
// 立即执行 | // 立即执行 | ||
fillPageCards(); | fillPageCards(); | ||
// 监听 DOM 变化(可选) | |||
const observer = new MutationObserver(fillPageCards); | const observer = new MutationObserver(fillPageCards); | ||
observer.observe(document.body, { childList: true, subtree: true }); | observer.observe(document.body, { childList: true, subtree: true }); | ||
2025年12月14日 (日) 17:59的版本
//Microsoft 和 Google 分析
document.head.insertAdjacentHTML('beforeend',`
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GVZPTSXG1H"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GVZPTSXG1H');
</script>
`);
document.head.insertAdjacentHTML('beforeend',`a
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "uewoetn0au");
</script>
`);
//页面摘要功能
function fillPageCards() {
document.querySelectorAll('.page-card').forEach(card => {
if (card.dataset.filled) return;
const title = card.dataset.title;
const length = parseInt(card.dataset.length) || 200;
const excerptDiv = card.querySelector('.page-excerpt');
const imgDiv = card.querySelector('.page-card-image');
// --- 1. 获取摘要 ---
const excerptUrl = '/api.php?action=query&prop=extracts&exchars=' + length +
'&titles=' + encodeURIComponent(title) + '&format=json&explaintext=0';
fetch(excerptUrl)
.then(r => r.json())
.then(data => {
const pages = data.query.pages;
let html = '';
for (let pageId in pages) {
if (pages.hasOwnProperty(pageId)) {
html = pages[pageId].extract || '';
break;
}
}
const temp = document.createElement('div');
temp.innerHTML = html;
// 保留 <a>,删除其他标签
temp.querySelectorAll('*').forEach(node => {
if (node.tagName !== 'A') {
node.replaceWith(document.createTextNode(node.textContent));
}
});
// 去掉换行
excerptDiv.innerHTML = temp.innerHTML.replace(/[\r\n]+/g, ' ');
})
.catch(err => console.error('Failed to fetch excerpt for', title, err));
// --- 2. 获取第一张图片 ---
const imagesUrl = '/api.php?action=query&titles=' + encodeURIComponent(title) +
'&prop=images&format=json';
fetch(imagesUrl)
.then(r => r.json())
.then(data => {
const pages = data.query.pages;
for (let pageId in pages) {
if (pages.hasOwnProperty(pageId)) {
const images = pages[pageId].images || [];
if (images.length > 0) {
const firstImageTitle = images[0].title; // "File:xxx.jpg"
// 二次请求获取 URL
const imageInfoUrl = '/api.php?action=query&titles=' +
encodeURIComponent(firstImageTitle) +
'&prop=imageinfo&iiprop=url&format=json';
fetch(imageInfoUrl)
.then(r => r.json())
.then(imgData => {
const imgPages = imgData.query.pages;
for (let imgId in imgPages) {
if (imgPages.hasOwnProperty(imgId)) {
const url = imgPages[imgId].imageinfo?.[0]?.url;
if (url) {
const imgEl = document.createElement('img');
imgEl.src = url;
imgEl.alt = "概述图";
imgDiv.appendChild(imgEl);
}
}
}
});
}
break;
}
}
})
.catch(err => console.error('Failed to fetch image for', title, err));
card.dataset.filled = '1';
});
}
// 立即执行
fillPageCards();
// 监听 DOM 变化(可选)
const observer = new MutationObserver(fillPageCards);
observer.observe(document.body, { childList: true, subtree: true });