https://gf-ogas.wiki/index.php?action=history&feed=atom&title=Widget%3ATemplateAsyncLoad
Widget:TemplateAsyncLoad - 版本历史
2026-04-16T01:11:02Z
本wiki上该页面的版本历史
MediaWiki 1.45.1
https://gf-ogas.wiki/index.php?title=Widget:TemplateAsyncLoad&diff=14792&oldid=prev
秋绘君：创建页面，内容为“<noinclude>Only for{{tl|TemplateAsyncLoad}}</noinclude><includeonly><!--{if !isset($wgTemplateAsyncLoad) || !$wgTemplateAsyncLoad}--><!--{assign var="wgTemplateAsyncLoad" value=true scope="global"}--><script> "use strict"; window.RLQ = window.RLQ || []; window.RLQ.push(async () => { await mw.loader.using(["mediawiki.page.ready", "mediawiki.api", "ext.gadget.libPolyfill"]); const { wgPageName, skin, wgUserVariant } = mw.config.get(["wgPageName", "skin",…”
2026-04-11T12:20:25Z
<p>创建页面，内容为“<noinclude>Only for{{tl|TemplateAsyncLoad}}</noinclude><includeonly><!--{if !isset($wgTemplateAsyncLoad) || !$wgTemplateAsyncLoad}--><!--{assign var="wgTemplateAsyncLoad" value=true scope="global"}--><script> "use strict"; window.RLQ = window.RLQ || []; window.RLQ.push(async () => { await mw.loader.using(["mediawiki.page.ready", "mediawiki.api", "ext.gadget.libPolyfill"]); const { wgPageName, skin, wgUserVariant } = mw.config.get(["wgPageName", "skin",…”</p>
<p><b>新页面</b></p><div><noinclude>Only for{{tl|TemplateAsyncLoad}}</noinclude><includeonly><!--{if !isset($wgTemplateAsyncLoad) || !$wgTemplateAsyncLoad}--><!--{assign var="wgTemplateAsyncLoad" value=true scope="global"}--><script><br />
"use strict";<br />
window.RLQ = window.RLQ || [];<br />
window.RLQ.push(async () => {<br />
await mw.loader.using(["mediawiki.page.ready", "mediawiki.api", "ext.gadget.libPolyfill"]);<br />
const { wgPageName, skin, wgUserVariant } = mw.config.get(["wgPageName", "skin", "wgUserVariant"]);<br />
const api = new mw.Api();<br />
/**<br />
* @param { HTMLDivElement } ele <br />
*/<br />
const load = async (ele) => {<br />
if (ele.classList.contains("loading")) {<br />
return;<br />
}<br />
ele.classList.add("loading");<br />
const { title } = ele.dataset;<br />
if (typeof title !== "string" || !/^Template:/.test(title)) {<br />
console.info("[widget:TemplateAsyncLoad]", `[${title}]`, "invalid title, skip.");<br />
return;<br />
}<br />
const wrapoutputclass = `TemplateAsyncLoad-${crypto.randomUUID()}`;<br />
const params = [];<br />
for (const keyIndex of Object.keys(ele.dataset)) {<br />
if (!/^key-[1-9]\d*$/.test(keyIndex)) {<br />
continue;<br />
}<br />
const valueIndex = keyIndex.replace(/^key-/, "value-");<br />
if (!Reflect.has(ele.dataset, valueIndex)) {<br />
continue;<br />
}<br />
const key = ele.dataset[keyIndex]?.replaceAll("|", "{{!}}");<br />
const value = ele.dataset[valueIndex]?.replaceAll("|", "{{!}}");<br />
console.info("[widget:TemplateAsyncLoad]", `[${title}]`, "param:", { key, value });<br />
params.push(`|${key}=${value}`);<br />
}<br />
for (let i = 0; i < 3; i++) {<br />
console.info("[widget:TemplateAsyncLoad]", `[${title}]`, "loading #", i);<br />
try {<br />
/**<br />
* @type { HTMLElement }<br />
*/<br />
const output = new DOMParser().parseFromString((await api.post({<br />
action: "parse",<br />
title: wgPageName,<br />
text: `{{${title}${params.join("")}}}`,<br />
prop: "text",<br />
formatversion: 2,<br />
wrapoutputclass,<br />
disablelimitreport: true,<br />
disableeditsection: true,<br />
pst: true,<br />
disabletoc: true,<br />
useskin: skin,<br />
variant: wgUserVariant,<br />
}))?.parse?.text || `<div class="${wrapoutputclass}">${wgULS("无内容=。=")}</div>`, "text/html").getElementsByClassName(wrapoutputclass)[0];<br />
if (output.children.length === 1 && output.children[0].tagName === "P" && output.children[0].attributes.length === 0) {<br />
output.innerHTML = output.children[0].innerHTML;<br />
}<br />
output.classList.add("mw-parser-output", "templateAsyncLoadRoot");<br />
ele.after(output);<br />
ele.style.display = "none";<br />
mw.hook("wikipage.content").fire($(output));<br />
return;<br />
} catch (e) {<br />
console.error("[widget:TemplateAsyncLoad]", `[${title}]`, "error #", i, e);<br />
if (i >= 2) {<br />
ele.removeAttribute("style");<br />
const pre = document.createElement("pre");<br />
pre.innerText = `异步模板加载发生错误：${typeof e === "string" ? e : e instanceof Error ? `${e}${e.stack ? ` @ ${e.stack}}` : ""}` : JSON.stringify(e)}`;<br />
ele.innerHTML = "";<br />
ele.append(pre);<br />
}<br />
}<br />
}<br />
};<br />
const lazyLoadObserver = new IntersectionObserver((entries) => {<br />
for (const entry of entries) {<br />
if (entry.isIntersecting) {<br />
const lazyTarget = entry.target;<br />
load(lazyTarget);<br />
lazyLoadObserver.unobserve(lazyTarget);<br />
}<br />
}<br />
});<br />
for (const ele of [...document.querySelectorAll(".TemplateAsyncLoad")]) {<br />
lazyLoadObserver.observe(ele);<br />
}<br />
});<br />
</script><!--{/if}--></includeonly></div>
秋绘君