MediaWiki:Gadget-AudioText.js：修订间差异

2025年5月24日 (六) 22:48的版本 查看源代码 OctoberSama​（留言 | 贡献） 小 ←上一编辑		2025年5月24日 (六) 22:50的版本 查看源代码 OctoberSama​（留言 | 贡献） 小 下一编辑→
第1行：		第1行：
	// MediaWiki:Gadget-AudioText.js		// MediaWiki:Gadget-AudioText.js
	(function() {		(function() {
	mw.hook('wikipage.content').add(function() {		// 阶段1：检测Gadget是否被加载
	alert("🎉 JS脚本已加载！"); // 1. 脚本加载确认		alert("🔌 Gadget脚本开始执行"); // 最基础提示，确认脚本被加载
	document.querySelectorAll('.audio-trigger').forEach(element => {		// 阶段2：声明依赖并验证mw对象
	element.addEventListener('click', function() {		if (typeof mw === 'undefined' || !mw.loader) {
	alert("🖱️ 点击事件已触发！"); // 2. 点击事件确认		alert("❌ 致命错误：未检测到MediaWiki核心对象");
			return;
			}
			// 阶段3：加载必需依赖
			mw.loader.using(['mediawiki.util', 'mediawiki.api'], function() {
			alert("✅ 依赖加载完成：mediawiki.util/mediawiki.api"); // 依赖加载确认
			// 阶段4：主初始化函数
			const init = function() {
			try {
			alert("🚀 进入主初始化流程");
	const audioFile = element.dataset.audioFile;		// 阶段5：绑定事件
	alert("📁 音频文件名: " + audioFile); // 3. 显示模板参数		const bindEvents = function() {
			const elements = document.querySelectorAll('.audio-trigger');
			if (elements.length === 0) {
			alert("⚠️ 未找到.audio-trigger元素，请检查模板调用");
			return;
			}
			elements.forEach(element => {
			if (element._bound) return;
			element._bound = true;
			// 强制绑定双事件
			const handler = () => {
			alert("🖱️ 事件触发！开始处理...");
			handleClick(element).catch(e => {
			alert(`💥 处理异常: ${e.message}`);
			});
			};
			element.addEventListener('click', handler);
			element.addEventListener('touchstart', handler);
			alert("🔗 已为元素绑定事件"); // 每个元素绑定确认
			});
			};
			// 阶段6：双重初始化机制
			if (document.readyState === 'complete') {
			alert("⚡ 文档已加载完成，立即初始化");
			bindEvents();
			} else {
			alert("⏳ 注册DOMContentLoaded监听");
			document.addEventListener('DOMContentLoaded', bindEvents);
			}
	// 构造API请求URL		// 阶段7：动态内容处理
	const apiUrl = mw.util.wikiScript('api') + '?action=query&titles=' +		mw.hook('wikipage.content').add(function() {
	encodeURIComponent(audioFile) + '&prop=imageinfo&iiprop=url&format=json';		alert("🔄 检测到动态内容加载，重新初始化");
	alert("🔗 即将请求API: \n" + apiUrl); // 4. 显示API地址		bindEvents();
			});
	// 发送API请求		} catch (e) {
	fetch(apiUrl)		alert(`💣 初始化崩溃: ${e.message}\n${e.stack}`);
	.then(response => {		}
	alert("📡 API响应状态: " + response.status); // 5. HTTP状态码		};
	return response.json();
	})		// 启动初始化
	.then(data => {		init();
	alert("📦 API返回原始数据: \n" + JSON.stringify(data)); // 6. 原始API数据
	const pages = data.query.pages;
	const pageId = Object.keys(pages)[0];
	const audioUrl = pages[pageId].imageinfo[0].url;
	alert("🎵 解析出的音频URL: \n" + audioUrl); // 7. 最终音频地址
	// 尝试播放		}, function(error) {
	const audio = new Audio(audioUrl);		alert(`🚫 依赖加载失败: ${error.map(e => e.message).join(', ')}`);
	audio.play()
	.then(() => alert("✅ 播放成功！"))
	.catch(e => alert("❌ 播放失败: " + e.message)); // 8. 播放结果
	})
	.catch(error => {
	alert("💥 发生严重错误: " + error.message); // 9. 全局错误捕获
	});
	});
	});
	});		});
	})();		})();

2025年5月24日 (六) 22:50的版本

// MediaWiki:Gadget-AudioText.js
(function() {
    // 阶段1：检测Gadget是否被加载
    alert("🔌 Gadget脚本开始执行"); // 最基础提示，确认脚本被加载

    // 阶段2：声明依赖并验证mw对象
    if (typeof mw === 'undefined' || !mw.loader) {
        alert("❌ 致命错误：未检测到MediaWiki核心对象");
        return;
    }

    // 阶段3：加载必需依赖
    mw.loader.using(['mediawiki.util', 'mediawiki.api'], function() {
        alert("✅ 依赖加载完成：mediawiki.util/mediawiki.api"); // 依赖加载确认
        
        // 阶段4：主初始化函数
        const init = function() {
            try {
                alert("🚀 进入主初始化流程");
                
                // 阶段5：绑定事件
                const bindEvents = function() {
                    const elements = document.querySelectorAll('.audio-trigger');
                    if (elements.length === 0) {
                        alert("⚠️ 未找到.audio-trigger元素，请检查模板调用");
                        return;
                    }

                    elements.forEach(element => {
                        if (element._bound) return;
                        element._bound = true;
                        
                        // 强制绑定双事件
                        const handler = () => {
                            alert("🖱️ 事件触发！开始处理...");
                            handleClick(element).catch(e => {
                                alert(`💥 处理异常: ${e.message}`);
                            });
                        };
                        
                        element.addEventListener('click', handler);
                        element.addEventListener('touchstart', handler);
                        alert("🔗 已为元素绑定事件"); // 每个元素绑定确认
                    });
                };

                // 阶段6：双重初始化机制
                if (document.readyState === 'complete') {
                    alert("⚡ 文档已加载完成，立即初始化");
                    bindEvents();
                } else {
                    alert("⏳ 注册DOMContentLoaded监听");
                    document.addEventListener('DOMContentLoaded', bindEvents);
                }

                // 阶段7：动态内容处理
                mw.hook('wikipage.content').add(function() {
                    alert("🔄 检测到动态内容加载，重新初始化");
                    bindEvents();
                });

            } catch (e) {
                alert(`💣 初始化崩溃: ${e.message}\n${e.stack}`);
            }
        };

        // 启动初始化
        init();

    }, function(error) {
        alert(`🚫 依赖加载失败: ${error.map(e => e.message).join(', ')}`);
    });

})();