iframe如何将js错误发送到父窗口处理？

将 iframe 中的 JavaScript 错误发送到父窗口处理，主要取决于 iframe 和父窗口是否属于同源（Same-Origin）。

通常推荐使用 postMessage 机制，因为它既适用于同源也适用于跨域，且耦合度最低。

以下是具体的实现方案：

方案一：使用 postMessage (通用、推荐)

无论 iframe 是同源还是跨域，这都是最标准的做法。

在 iframe 页面中监听全局错误，并将错误信息封装成普通对象（JSON）发送给父窗口。

// iframe-script.js

// 1. 监听常规 JS 错误
window.onerror = function(message, source, lineno, colno, error) {
    sendErrorToParent({
        type: 'js_error',
        message: message,
        source: source,
        lineno: lineno,
        colno: colno,
        stack: error ? error.stack : ''
    });
    // 返回 true 可以阻止默认的浏览器错误在控制台打印（可选）
    // return true; 
};

// 2. 监听未捕获的 Promise 错误 (Async/Await 错误)
window.addEventListener('unhandledrejection', function(event) {
    sendErrorToParent({
        type: 'promise_error',
        message: event.reason ? (event.reason.message || event.reason) : 'Unknown Promise Error',
        stack: event.reason ? event.reason.stack : ''
    });
});

// 封装发送逻辑
function sendErrorToParent(errorData) {
    if (wind...

点击查看剩余70%