gpt4 book ai didi

javascript - GWT - 仅在 Internet Explorer 中设置 document.domain 时出现 "Access is Denied"JavaScript 错误

转载 作者:搜寻专家 更新时间:2023-11-01 04:17:45 24 4
gpt4 key购买 nike

背景信息

我正在开发一个使用 GWT (v2.4) 的 Web 应用程序。对于应用程序,我正在创建一个 iframe,它将显示来自另一个网站的一些信息。我需要从通常受同源策略 (SOP) 限制的 iframe 访问一些信息。但是,两个站点(父站点和 iframe)都托管在同一个 super 域中,只是在不同的子域下。所以,像这样:

  • 父级:dev.app.mySite.com
  • 框架:someOtherContent.mySite.com

我知道这个问题的通常解决方案是在父站点和 iframe 站点上设置属性:document.domain = 'mySite.com' 以允许通过 SOP。这适用于所有浏览器(我关心的),除了 Internet Explorer 8(可能还有其他版本)。

问题

在 IE 中,当我尝试加载我的 Web 应用程序时,我得到一个完全空白的页面,并显示以下 JS 异常“访问被拒绝”。这个问题的根源在于 GWT 的 myGwtAppName.nochache.js,其中 GWT 在编译过程中生成了一些它需要的代码(见下文)。

从我对这个问题所做的一般研究来看,这个问题的根本原因似乎是在 IE 中,与所有其他浏览器不同,iframe 继承其父文档。域设置。据我了解,GWT 生成的代码在 iframe 中运行(基于此评论:https://stackoverflow.com/a/5161888)。所以,基于我对 JS 的有限了解,我认为正在发生的事情:

  1. 我通过JS在父索引页中设置document.domain = 'mySite.com'并处理。
  2. myGwtAppName.nochache.js 已处理。
  3. 在 nochache.js 中,运行代码以设置 GWT iframe 沙箱环境
  4. 在该代码中,正在调用沙盒 iframe 的 SOP 限制属性
  5. 抛出异常是因为站点的父文档域已设置为“mySite.com”,而 iframe 的 document.domain 不继承该设置,因此它仍然是“dev.app.mySite.com”。这不会通过 SOP,因为域必须完全相同。

导致异常的生成代码

下面的代码,看起来像是在设置 GWT 沙箱 iframe 环境。

var $intern_4 = 'myGwtAppName',
$intern_7 = 'body',
$intern_8 = 'iframe',
$intern_9 = 'javascript:""',
$intern_10 = 'position:absolute; width:0; height:0; border:none; left: -1000px; top: -1000px; !important',
$intern_11 = '<html><head><\/head><body><\/body><\/html>',
$intern_12 = 'script',
$intern_13 = 'javascript',
$intern_14 = 'var $wnd = window.parent;''

....
....

function setupInstallLocation(){
if (frameDoc) {
return;
}
var scriptFrame = $doc.createElement($intern_8);
scriptFrame.src = $intern_9;
scriptFrame.id = $intern_4;
scriptFrame.style.cssText = $intern_10;
scriptFrame.tabIndex = -1;
$doc.body.appendChild(scriptFrame);
frameDoc = scriptFrame.contentDocument;
if (!frameDoc) {
frameDoc = scriptFrame.contentWindow.document; //THIS CAUSES THE EXCEPTION
}
frameDoc.open();
frameDoc.write($intern_11);
frameDoc.close();
var frameDocbody = frameDoc.getElementsByTagName($intern_7)[0];
var script = frameDoc.createElement($intern_12);
script.language = $intern_13;
var temp = $intern_14;
script.text = temp;
frameDocbody.appendChild(script);
}
....
....

我的问题

  1. 我对情况的分析是否完全偏离事实?
  2. 有没有人看到过可以在 IE 的 GWT 环境中运行的此问题的解决方案?

信息来源

IE 不继承 document.domain 设置:https://stackoverflow.com/a/1888711 (以及许多其他线程)。

GWT 在 iframe 沙箱环境中运行:https://stackoverflow.com/a/5161888

最佳答案

您可以使用 html5 web messaging 在 iframe 和父级之间进行通信。

请注意 Internet Explorer 存在以下错误。您只能将字符串作为消息发送。您不能像其他浏览器支持那样发送对象。

有些人建议将对象编码成 JSON,如果你想发送更多而不只是一个字符串,但有时发送 URL 编码的字符串就像 URL 中的查询字符串一样更便宜。

以下是来 self 的谷歌的示例 2 个最佳结果 http://tutorials.jenkov.com/html5/messaging.html https://thenewcircle.com/bookshelf/html5_tutorial/messaging.html

看看他们使用不同的代码来监听消息

window.attachEvent("onmessage", handleMessage);
window.addEventListener("message", handleMessage, true);

首先与 IE 和旧 Opera 一起工作,最后与世界其他地方一起工作。

关于javascript - GWT - 仅在 Internet Explorer 中设置 document.domain 时出现 "Access is Denied"JavaScript 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21056559/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com