反馈已提交

网络繁忙

IE8或9下Web集成页面显示异常

  • 文档创建者:文档助手1
  • 历史版本:23
  • 最近更新:Suki陈 于 2023-01-13
  • 概述

    本文汇总了一些 Web 集成后在 IE8 或 IE9 浏览器下出现的问题及解决方案。

    Web集成后图表在IE9 浏览器的quirks 模式下显示不出来

    问题描述:

    将一张含有图表的报表通过 iframe 的方式嵌入到 HTML 中,图表在 IE9 的 quirks 模式下显示不出来,其他浏览器比如说:FireFox,Google 等浏览器下显示正常,如下图:

    IE9 的杂项(quirks)模式下:

    其他浏览器下:

    原因分析:

    由于 IE9 下面不同解析模式,图表展现不同,IE9 下的杂项(quirks)模式不可以,ie9标准模式能正常展现,所以我们可以修改外层的 HTML 的说明来解决这个问题,指明默认采用 IE9 模式即可。

    解决方案:

    示例 HTML 完整代码如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <body>
    <iframe id="total" width="800px" height="800px" src="/webroot/decision/view/report?viewlet=/doc/Primary/Chart/Chart.cpt" ></iframe>
    </body>
    </html>

    方案一:

    修改 doctype,在最上方的 doctype 说明中声明该 HTML 在 IE9 下打开的时候,打开模式默认为 IE 标准模式,代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    完整代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
      <body>
    <iframe id="total" width="800px" height="800px" src="/webroot/decision/view/report?viewlet=/doc/Primary/Chart/Chart.cpt" ></iframe>
    </body>
    </html>

    方案二:

    增加一个 meta 标签,表明 IE 浏览器打开该 HTML 时,采用 IE 标准模式,代码如下:

    <meta http-equiv="X-UA-Compatible" content="IE=9">
    完整代码如下:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <html>
      <body>
    <iframe id="total" width="800px" height="800px" src="/webroot/decision/view/report?viewlet=/doc/Primary/Chart/Chart.cpt" ></iframe>
    </body>
    </html>

    预览效果:

    修改将修改之后的 HTML 放在%FineReport_HOME%\webapps\webroot目录下,在 IE9 地址栏输入http://ip:端口号/webroot/xxx.html,能可以看到图表已经显示出来,就说明上面的修改成功。如下图:

    IE8下多标签页报表无法显示

    原因分析:

    Web 集成,由于整体是使用了 DIV+iframe 搭的框架,DIV 元素有 absolute 和 relative 各种定位我们平台上预览报表,默认处理的方式是给 iframe 加上了 CSS 样式  position: relative;

    而 Web 集成的时候可能不会给这个默认值,所以会出现显示为空白的情况,目前只有在 IE8 下发现这个问题。

    解决方案:

    给 iframe 加上样式  position: relative;



    附件列表


    主题: 部署集成
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持