GWT 书市或 GWT 作为外部图书馆

Question

我只是想通过向 DOM 添加脚本标记来加载 GWT（Google Web Toolkit）应用程序，但是因为 GWT 链接器使用 document.write() 我无法找到任何好的方法这样做。我在各种博客文章中发现了一些这样做的技巧，但它们似乎都在最新版本的 GWT 中失败了。有什么合理的非侵入性方法可以做到这一点吗？

说明：

在主机 html 页面中启动 GWT 应用程序的正常方式：

<script type="text/javascript" language="javascript" src="myapp.nocache.js"></script> 

当然，页面加载后就会启动。我想稍后再做：

function startapp() {
    var head = document.getElementsByTagName('head');
    var s = document.createElement('script');
    s.setAttribute('type', 'text/javascript');
    s.setAttribute('src', 'myapp.nocache.js');
    head[0].appendChild(s);
}

Answer 1

到目前为止，这似乎有效：

将其添加到 App.gwt.xml 的顶部：

<!-- Cross site linker -->
<inherits name="com.google.gwt.core.Core" />
<add-linker name="xs" />

使用上述设置编译应用程序后，修改（或复制）生成的 app.nocache.js，如下所示：

1）注释最后一个$doc.write... 语句

2) 从刚刚注释掉的 $doc.write 语句中复制此部分并对其进行评估。示例：

eval('window.__gwtStatsEvent && window.__gwtStatsEvent({' + 'moduleName:"app", sessionId:window.__gwtStatsSessionId, subSystem:"startup",' + 'evtGroup: "loadExternalRefs", millis:(new Date()).getTime(),' + 'type: "end"});' + 'window.__gwtStatsEvent && window.__gwtStatsEvent({' + 'moduleName:"app", sessionId:window.__gwtStatsSessionId, subSystem:"startup",' + 'evtGroup: "moduleStartup", millis:(new Date()).getTime(),' + 'type: "moduleRequested"});');

3) 紧随其后添加此行。

document.body.appendChild(document.createElement('script')).src=base + strongName + ".cache.js";

因此，您基本上是用这两行替换 $doc.write 。

现在，您的书签将类似于：

<a href="javascript:(function(){document.body.appendChild(document.createElement('script')).src='http://abc.com/app.nocache.js';})();">My App</a>

Answer 2

我假设您已经在使用跨域链接器，但这并不能解决您的 document.write 问题。如果没有，它可能值得一看（抱歉，没有足够的经验可以说。）

我相当确定可以使用的一种方法是：

您的书签在页面上添加了一个脚本标签（就像现在一样

）脚本不是 GWT 编译器输出。它是一个普通的 javascript，将 IFrame 添加到页面，并且该 IFrame 的 src 指向服务器上加载 GWT 模块的 HTML 页面。

据推测，GWT 模块的目标是从其加载的页面中获取内容。当然，在这种情况下它不能直接执行此操作，因为 IFrame 来自与父页面不同的域。

为了完成这项工作，您必须使用 window.postMessage 和 window.addEventListener 在 IFrame 中的 GWT 模块和父级中的 javascript 存根之间进行通信（在 GWT 端使用 JSNI）。

如果您必须支持旧版浏览器，postMessage 不起作用 - 但你也许可以摆脱散列操作 - 但这可能是我在实用性上划清界限的地方。

Answer 3

每当浏览器加载 JavaScript 文件时，它也会执行其中的每一行，以便构建符号表等。

在您的情况下，应用程序会在浏览器中加载，并且在加载 dom 后，您的 GWT 模块 js 会被加载。此时，浏览器将尝试执行 GWT 模块 javascript 的每一行，这可能会导致您之前加载的 DOM 发生混乱。

您的用例到底是什么？如果您的要求是有条件地加载 GWT 模块，那么您可以尝试如下操作：
将其包含在您的脑海中：

<script src="gwtmoduleloader.js"></script>

这里，gwtmoduleloader.js 实际上是一个 servlet，它将保存逻辑以确定是否要加载 gwt 模块。

如果要加载 GWT 模块，sevlet 可以打印 a

document.write('<script src="myapp.nocache.js"></script>') 

或静默返回。

当浏览器评估 gwtmoduleloader.js 的内容时，它可能会找到另一个脚本（在您的情况下是 gwt 模块）的 document.write ，它将加载并评估该脚本。因此，这是一个有条件的负载，可以在身体开始加载之前实现。

这是您要找的吗？