如何在Firefox中捕获DOMException并安全获取跨域iframe的URL？

更新后的测试代码 #

我调整了测试程序：

<!DOCTYPE html> 
<html>
    <head>
    </head>
    <body> 
        <iframe name="test_frame" id="test_frame"
        src="https://orthodoxchurchfathers.com"></iframe>
        <script>
            window.onerror = (e) =>
                {
                e.preventDefault();
                console.log('#' + e + '#');
                };
            setTimeout(function()
                {
                try
                    {
                    console.log(window.frames.binary.location.href);
                    }
                catch(e)
                    {
                    console.log('Not able to load.');
                    }
                 }, 1000);
        </script>
    </body>
</html>

现在仍会输出"Not able to load."，但依然存在未捕获的DOMException，且window.onerror未触发（没有输出#包裹的内容）。

1. 正确实现跨域安全的URL获取函数 #

首先你代码里存在一个拼写错误：iframe的name是test_frame，但你调用了window.frames.testframe（缺少下划线），这会导致找不到对应frame并额外抛出错误。修正后封装成函数：

function getIframeUrl(frameName) {
  try {
    const frame = window.frames[frameName];
    // 先确认frame存在且已完成加载
    if (!frame || frame.location.href === 'about:blank') {
      return '';
    }
    // 跨域访问location.href时会触发异常，被catch捕获
    return frame.location.href;
  } catch (error) {
    // 捕获跨域或其他异常，返回空字符串
    return '';
  }
}

// 使用示例
setTimeout(() => {
  const url = getIframeUrl('test_frame');
  console.log(url ? url : '无法获取URL');
}, 1000);

2. 关于未捕获的DOMException #

你看到的未捕获异常，是浏览器在iframe加载过程中触发的异步跨域安全异常，不属于你代码中try/catch能捕获的同步异常范畴。这类异常不会影响代码逻辑执行——只要你的函数能正常返回空字符串，就可以直接使用返回值。

另外，window.onerror无法捕获这类跨域异常，这是浏览器的安全限制，目的是避免泄露敏感信息。

3. 优化方案：监听iframe加载事件替代setTimeout #

用setTimeout靠延迟猜测加载完成时间并不可靠，更优的方式是监听iframe的load事件，确保在iframe真正加载完成后再获取URL：

<iframe name="test_frame" id="test_frame" src="https://example.com"></iframe>
<script>
function getIframeUrl(frameName) {
  try {
    const frame = window.frames[frameName];
    return frame?.location.href || '';
  } catch (error) {
    return '';
  }
}

// 监听iframe加载完成事件
document.getElementById('test_frame').addEventListener('load', () => {
  const url = getIframeUrl('test_frame');
  console.log(url ? url : '无法获取URL');
});
</script>

这种方式能精准避免about:blank的问题，同时提升代码可靠性。

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