MutationObserver不适用于iframe src更改检测的跨域

Question

我正在编写一个移动应用程序,使用iframe来显示我们的购物网站,iframe部分是这样的;

<div id="loadImg"><div></div><img src="images/loading2.gif"/></div>
<iframe id="frame-content" src="www.siteadress.com"/>

以上结构我想在加载页面时向客户显示预加载器图像,然后在iframe内容完全加载后隐藏加载器(因为连接速度问题)

我正在尝试为iframe制作预加载器图像,我需要捕获点击事件(src已更改 - 但我无法使用onload()因为它仅在内容完全加载时触发)iframe,而其中一个链接被单击.

为了实现它,我正在尝试使用MutationObserver方法;

var mut_elem = document.querySelector('#frame-content');

//MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.attributeName == 'src') document.getElementById('loadImg').style.display='block';
  });
});
observer.observe(mut_elem, {attributes: true,attributeFilter:['src']});

虽然上面的代码适用于同域,但它不适用于跨域.所以我想了解一下;

1. MutationObserver技术可以在跨域网站上使用吗？(如果是,怎么样？)
2. 如果使用MutationObserver无法跨域,是否有办法使其成为可能(在iframe [跨域]上显示加载图像并在加载iframe内容时在主页面上隐藏此图像)用另一种方式？

谢谢,现在..