Java 无法在IE 10中正确打开/显示我的web应用程序_Java_Javascript_Css_Internet Explorer 9_Internet Explorer 10

Java 无法在IE 10中正确打开/显示我的web应用程序

java javascript css

Java 无法在IE 10中正确打开/显示我的web应用程序,java,javascript,css,internet-explorer-9,internet-explorer-10,Java,Javascript,Css,Internet Explorer 9,Internet Explorer 10,我们有一个巨大的HMI和SCADA web应用程序，该应用程序提供了几乎所有车间的数据收集设施，并在其上提供了可视化和分析设施该产品基于三种技术。前端和服务器端是JavaScript、java，数据库引擎C++通过JNI连接。在前端，我们实际使用了HTML、CSS和JavaScript来创建自己的窗口环境。每个窗口都是一个iFrame，我们在其中动态加载一个applet。因此，web应用程序在窗口环境中运行HTML iFrame中的Java小程序代码，并应用所有窗口环境功能，如拖动、关闭、打

我们有一个巨大的HMI和SCADA web应用程序，该应用程序提供了几乎所有车间的数据收集设施，并在其上提供了可视化和分析设施

该产品基于三种技术。前端和服务器端是JavaScript、java，数据库引擎C++通过JNI连接。在前端，我们实际使用了HTML、CSS和JavaScript来创建自己的窗口环境。每个窗口都是一个iFrame，我们在其中动态加载一个applet。因此，web应用程序在窗口环境中运行HTML iFrame中的Java小程序代码，并应用所有窗口环境功能，如拖动、关闭、打开多个窗口等

该产品在IE9和早期版本中运行得绝对完美。然而，一旦我们升级了IE10，我们就面临着严重的问题。有些与IE10不支持的JavaScript中的函数/属性相关

我们主要在IE10中挖掘并修复了这些问题：

没有JavaScript中的“this”指针，许多方法就无法访问：我们添加了“this”指针来解决它 IE10中不支持element.getAttribute样式。我们使用了替代的document.style来完成它然而，在这些小的修正之后，我们已经处理了所有JavaScript/HTML异常，但是网页本身并没有正确显示。我们咨询了MSDN IE 10 compatibility cookbook和许多其他论坛，以了解如果一个网页不符合标准，那么该网页无法正确显示自身的可能性很高，因为IE10强加了严格的标准

我们在所有HTML中添加了doctype和metainf标记，因此F12开发者工具中的浏览器模式是IE10，文档模式是IE9标准，但仍然没有改进

我们在这个问题上搜索已经有一个月了。阅读IE10的文档、支持和问题，但无法真正找到真正的问题所在

页面应显示如下所示：

当前页面显示如下：

有趣的是，我在这个例子中加入了一个很小的部分，并找出了问题所在

在IE10中，如果a位于a内部，则以百分比表示的Iframe的高度-宽度属性不会太注意其父帧的高度-宽度

与下面的示例一样，id为“test”的iFrame的高度宽度为100%。而其父代的高度为1px。在IE10中运行此功能时，框架的高度似乎非常大，并显示异常行为

我也试过同样的方法，用a代替a，但行为是一样的。因此，我想IE10解释iframe的宽度-高度属性的方式可能有问题。

我想这可能有很多问题，如果我们自己无法访问该站点，就很难提供帮助。您使用的是什么doctype？也可以尝试通过这个工具运行站点：这个：控制台中是否有错误消息？您是否像单步调试一样进行了基本调试？@BillyMoat:下面是我正在使用的doctype和meta-inf:@RoToRa:根本没有错误消息。不在JS中，也不在Java中。web应用程序部署在本地服务器上。我指的是JS控制台。难道你不能一步一步地浏览JS代码并找到它失败的地方吗？

<HTML>
<HEAD>


</HEAD>
<BODY id="WESWinDesktop"  >
<table id=WESStructure width="100%" height="100%" border="2" cellpadding="0" cellspacing="0">
<tr>
    <td id="WESMainWinTitleBarCont" height="1px">       this is 'td' for iframe
            <iframe  id="test" src="" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
    </td>
  </tr>

  <tr>
    <td id="WESMainWinMenuBar" height="20">     menu bar
    </td>
  </tr>
  <tr>
    <td height="100%" >content

    </td>
  </tr>
  <tr>
    <td id="WESMainWinStatus" height="20">  status bar
    </td>
  </tr>
</table>

</BODY>
</HTML>