如何让嵌入GeoGebra的window.onload实现容错？有无替代方案？

要解决单个小程序注入失败导致后续代码中断的问题，核心思路是给每个inject调用添加错误捕获，确保单个错误不会阻断整个流程。以下是两种可行方案：

方案一：逐个包裹try-catch #

直接为每个inject调用单独添加try-catch块，捕获并记录错误，不影响后续执行：

window.onload = function() {
    try { applet_0.inject('ggb-element-0'); } catch(e) { console.error('注入applet_0失败:', e); }
    try { applet_1.inject('ggb-element-1'); } catch(e) { console.error('注入applet_1失败:', e); }
    try { applet_2_NoLimit.inject('ggb-element-2-NoLimit'); } catch(e) { console.error('注入applet_2_NoLimit失败:', e); }
    try { applet_2_YesLimit.inject('ggb-element-2-YesLimit'); } catch(e) { console.error('注入applet_2_YesLimit失败:', e); }
    try { applet_3.inject('ggb-element-3'); } catch(e) { console.error('注入applet_3失败:', e); }
    try { applet_4_Flat.inject('ggb-element-4-Flat'); } catch(e) { console.error('注入applet_4_Flat失败:', e); }
    try { applet_4_Faster.inject('ggb-element-4-Faster'); } catch(e) { console.error('注入applet_4_Faster失败:', e); }
};

方案二：数组遍历+统一错误处理 #

将小程序与对应元素ID整理为数组，通过循环遍历执行注入，代码更简洁易维护：

window.onload = function() {
    // 维护小程序与元素ID的映射数组
    const appletList = [
        { instance: applet_0, id: 'ggb-element-0' },
        { instance: applet_1, id: 'ggb-element-1' },
        { instance: applet_2_NoLimit, id: 'ggb-element-2-NoLimit' },
        { instance: applet_2_YesLimit, id: 'ggb-element-2-YesLimit' },
        { instance: applet_3, id: 'ggb-element-3' },
        { instance: applet_4_Flat, id: 'ggb-element-4-Flat' },
        { instance: applet_4_Faster, id: 'ggb-element-4-Faster' }
    ];

    // 遍历执行注入，单个失败不影响全局
    appletList.forEach(item => {
        try {
            item.instance.inject(item.id);
        } catch (err) {
            console.error(`注入小程序失败（元素ID：${item.id}）:`, err);
        }
    });
};

方案优势 #

• 容错性：单个小程序注入失败时，错误仅被捕获记录，后续小程序仍能正常加载。
• 可维护性：数组遍历版本新增/删除小程序只需修改映射数组，无需重复编写捕获逻辑。
• 兼容性：保留单个window.onload绑定，避免多onload覆盖的问题。

内容的提问来源于stack exchange，提问作者Lawton