MediaWiki:Common.js：修订间差异

2025年12月14日 (日) 21:03的版本

//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 });

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