与IE的战斗

本文分享了在前端开发过程中遇到的Internet Explorer浏览器兼容性问题及解决方案,特别是针对中文URL编码处理的不同方式导致的功能失效问题。

对第2版的改进,工作量几乎都在UI上,不断的写css,写js,还别说,总体挺愉快的。特别是把360浏览器用顺了之后,烦人的无法刷新问题也不能困扰我了,改了js或者css文件的话,只要清除一下缓存,就可以愉快的看效果了。在Chrome浏览器上跑,基本上效果差不多。

发布后闲着,用IE测试了一下,冒了一身冷汗,卡得要死,在线测试功能完全不能用,赶紧研究。

卡顿的问题很简单,加一个参数就搞定了。无法在线测试策略,却让我非常受挫折。最重要的原因,是IE传输URL时,对中文的处理和其他主流浏览器不同!

1.Meta如果设置了编码,如UTF8,浏览器都将中文转码发送,但IE不会!

             <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

2.服务端队utf8编码的中文几乎是透明处理, 但如果来自IE,则很难处理,会转换成“\ufffd\ufffd\ufffd\ufffd”,导致信息丢失。不管是从gbk转换unicode再转utf8,都不行

3.只好采用笨办法,两头都判断ie,分别用url编码和解码,和其他的浏览器传递方式分开

IE访问问题解决了,根据后台收到的浏览器比例,把各种浏览器都测试了一下:

火狐、搜狐、Chrome都ok,手机Safari也OK,手机上的其他浏览器测得不多,自己用的360浏览器,效果几乎和电脑是一样的,这点还是比较满意的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值