MediaWiki:Common.js:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第11行: | 第11行: | ||
</script> | </script> | ||
`); | `); | ||
document.head.insertAdjacentHTML('beforeend',` | document.head.insertAdjacentHTML('beforeend',`a | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
(function(c,l,a,r,i,t,y){ | (function(c,l,a,r,i,t,y){ | ||
| 第24行: | 第24行: | ||
function fillPageCards() { | function fillPageCards() { | ||
document.querySelectorAll('.page-card').forEach(card => { | document.querySelectorAll('.page-card').forEach(card => { | ||
if (card.dataset.filled) return; | |||
const title = card.dataset.title; | const title = card.dataset.title; | ||
const length = parseInt(card.dataset.length) || 200; | |||
const excerptDiv = card.querySelector('.page-excerpt'); | const excerptDiv = card.querySelector('.page-excerpt'); | ||
const imgTag = card.querySelector('.page-card-image img'); | const imgTag = card.querySelector('.page-card-image img'); | ||
// | // --- 1. 获取摘要 --- | ||
const excerptUrl = '/api.php?action=query&prop=extracts&exchars= | const excerptUrl = '/api.php?action=query&prop=extracts&exchars=' + length + | ||
'&titles=' + encodeURIComponent(title) + '&format=json&explaintext=0'; | |||
fetch(excerptUrl) | fetch(excerptUrl) | ||
.then( | .then(r => r.json()) | ||
.then(data => { | .then(data => { | ||
const pages = data.query.pages; | const pages = data.query.pages; | ||
| 第48行: | 第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') { | ||
| 第55行: | 第56行: | ||
}); | }); | ||
// 去掉换行 | |||
excerptDiv.innerHTML = temp.innerHTML.replace(/[\r\n]+/g, ' '); | |||
}) | }) | ||
.catch(err => console.error('Failed to fetch excerpt | .catch(err => console.error('Failed to fetch excerpt for', title, err)); | ||
// | // --- 2. 获取第一张图片 --- | ||
const | const imagesUrl = '/api.php?action=query&titles=' + encodeURIComponent(title) + | ||
'&prop=images&format=json'; | |||
fetch( | fetch(imagesUrl) | ||
.then( | .then(r => r.json()) | ||
.then(data => { | .then(data => { | ||
const pages = data.query.pages; | const pages = data.query.pages; | ||
| 第73行: | 第74行: | ||
const firstImageTitle = images[0].title; // "File:xxx.jpg" | const firstImageTitle = images[0].title; // "File:xxx.jpg" | ||
// | // 二次请求获取 URL | ||
const imageInfoUrl = '/api.php?action=query&titles=' + | const imageInfoUrl = '/api.php?action=query&titles=' + | ||
encodeURIComponent(firstImageTitle) + | encodeURIComponent(firstImageTitle) + | ||
'&prop=imageinfo&iiprop=url&format=json'; | '&prop=imageinfo&iiprop=url&format=json'; | ||
fetch(imageInfoUrl) | fetch(imageInfoUrl) | ||
.then( | .then(r => r.json()) | ||
.then(imgData => { | .then(imgData => { | ||
const imgPages = imgData.query.pages; | const imgPages = imgData.query.pages; | ||
| 第93行: | 第94行: | ||
} | } | ||
}) | }) | ||
.catch(err => console.error('Failed to fetch image | .catch(err => console.error('Failed to fetch image for', title, err)); | ||
card.dataset.filled = '1'; | card.dataset.filled = '1'; | ||
| 第101行: | 第102行: | ||
// 立即执行 | // 立即执行 | ||
fillPageCards(); | fillPageCards(); | ||
2025年12月14日 (日) 17:55的版本
//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 imgTag = card.querySelector('.page-card-image img');
// --- 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) imgTag.src = url;
}
}
});
}
break;
}
}
})
.catch(err => console.error('Failed to fetch image for', title, err));
card.dataset.filled = '1';
});
}
// 立即执行
fillPageCards();