GWT - IE 不下载 UiBinder 中包含的外部脚本

Question

我的 GWT 应用程序中有一些外部 Javascript 文件，我只想在用户访问需要它们的部分时下载这些文件。我将 JS 文件包含在 UiBinder 页面中，如下所示：

<g:HTMLPanel>
    <script src="blah.js"/>
</g:HTMLPanel>

加载视图后不一定会下载文件，因此当我加载视图时，我会检查是否有异常表明外部代码不可访问，并且重试，直到可以无异常地创建视图。

这在 Firefox 中有效，但在 IE7/IE8 中无效。我使用 AJAX 版本来跟踪 IE 中发生的情况，并发出了对该文件的请求，但它没有下载任何内容，大小为 0。Web 服务器访问日志不显示该文件已被请求。

知道发生了什么事吗？

或者有更好的方法来做到这一点吗？到目前为止我所做的调查并不表明 GWT 有一种方便的方法来做到这一点。

更新：

虽然我们还没有使用 2.4，但为了尝试，我复制了 ScriptInjector 所需的源文件，并尝试按照 Thomas 的建议使用它。 JS 文件在两个浏览器中都能正确下载，但我收到“$wnd.xxxx 未定义”异常，表明无法找到外部脚本中的引用。我不会尝试加载我的小部件，直到 onSuccess() 调用从脚本注入返回 - 所以我的代码看起来像这样：

ScriptInjector.fromUrl("../xxxx.js").setCallback( 
      new Callback<Void, Exception>() { 
         public void onFailure(Exception reason) { 
           Window.alert("Script load failed."); 
         } 
         public void onSuccess(Void result) { 
           Window.alert("Script load success."); 
           MyWidget widget = new MyWidget(); 
           client.onSuccess(widget); // adds the widget to the view 
         } 
      }).inject(); 

我也没有看到在 Firebug 中添加到 DOM 的 JS 文件引用，但我想知道是否这是因为它们被添加到页面 GWT 部分的 DOM，而不是实际的 index.jsp。

Answer 1

您需要告诉 ScriptInjector 将脚本添加到顶层窗口。

ScriptInjector.fromUrl(scriptUrl)
    .setWindow(ScriptInjector.TOP_WINDOW)
    .setCallback(new Callback<Void, Exception>() {
        @Override
        public void onSuccess(Void result) {
            //script loaded OK
        }

        @Override
        public void onFailure(Exception reason) {
            //TODO script injection failed
        }
    }).inject();

Answer 2

使用 innerHTML（这是 HTMLPanel 使用的）插入的脚本元素不会被执行。

您必须使用 ScriptInjector 将脚本动态注入到您的页面中。