html使用最ie高版本,Highcharts 在低版本 IE 上使用注意事项

很多人经常遇到图表在主流浏览器上运行正常,在低版本IE(包括IE6、IE7、IE8等)下运行出错(图表显示不出来或显示不正常)的情况,这不是兼容性问题,而是 IE 浏览器自身的一些限制,我们只需要注意一些事项即可避免这种情况。

注意事项:

1、使用合适的HTML 文档模式

html 文档模式指的是文件的第一行

在低版本 IE 中请使用 HTML 4 严格模式

参考内容:

2、多余逗号

IE 对 JavaScript 语法要求比较严格,数组或对象的最后一项有多余逗号时会报错,例如

$('#container').highcharts({

series: [{

data: [2, 4, 5, 7, 9]

},{

data: [{

x: 20,

y: 2323, // 这里多余的逗号会导致在低版本 IE 下报错

}]

}]

});

请仔细检查你的配置,确保没有多余的逗号。

3、禁用 IE 安全模式

另外一个导致 Highcharts 在IE上显示不正常的常见问题是 IE的安全模式,这种情况一般发生在用作服务器的浏览器上(本地ok,在服务器上的IE访问则不行,例如在 Window Server 2008的电脑上),避免这种情况的方法是禁用 IE 安全模式,设置如下:

IE 浏览器 —》 “工具” —》“Internet 选项” —》“安全”

将安全级别调到最低并去掉“ 启用保护模式”勾选。

bVr5Gx

4、不要使用太高版本 jQuery

高版本jQuery 对IE兼容性不好,我们推荐使用 jQuery 1.8.3

小技巧

在html head 部分加如下代码可以让 IE 使用兼容性模式,这样可以让IE 尽可能以最高模式渲染文档。

参考资料:

另外,我们发布的版本都有对IE进行兼容性测试,请到我们官网下载最新版例子体验。

在线测试地址:

(PS:中文网主站并没有对 IE 做兼容性工作,所以在低版本IE下,中文网不可用,未来我们会改版)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值