IE10

yui的alert在ie10下白屏的解决思路

南笙酒味 提交于 2019-12-09 15:43:32
最近接到一个jira:在ie10下,页面弹出提示框后,背景全部白屏了。 说实话,一看到这样特定浏览器下出现问题的jira我就很头疼,也很畏惧。最开始的思路就是F12 ,debug js代码,看执行哪个js语句后白屏了。但是ie10的debug还是相当不好用,用的非常不顺手。执行来执行去,还是没有找到好的解决方法,就这样拖了一天,实在是无思路,就问我leader了。 结果我leader一来,不是先调试js,而是直接对比 出现正常遮罩的页面 ie10的白屏页面。看看这两者的css有何不同,结果发现chrome下有个 opacity:0,但是ie10没有;而且ie10还多了个iframe,等等细节吧。接着就找那个 opacity,发现在一个js代码中有个判断:if(document.all){//代码1}else{//代码2} 是之前ie6789跟chrome ff的处理不同,所以针对ie浏览器做了特殊处理。但是现在ie10跟chrome的实现又相同了,进入特意为ie修的bug的方法又不正常了!晕死啊!这可真是实实在在的 找bug! 所以我修改一下判断,不用document.all判断,方法如下。不过还没复查,不知道有没有问题。 function getIEVersionGt10() { var userAgent = navigator.userAgent; //这里只是判断了ie10

OCX在IE10上能正常加载,在IE8上出现崩溃解决思路

一曲冷凌霜 提交于 2019-12-09 15:23:12
###OCX在IE10上能正常加载,在IE8上出现崩溃解决思路 如果对你有用请给个赞 背景 最初开发的时候是在ie8上开发的,但是在中途开发出现了ie8崩溃,因项目紧就用ie10开发了。 分析过程 1:单页版的ocxtest.html 是否可以 2: ocxtest.html放在tomcat下是否可以 3:ocxtest.jsp 放在tomcat下是否可以 4:用controller跳转到ocxtext.jsp是否可以 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Test ActiveX</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale

LoadXML在IE10下无法正常使用,出现语法错误

*爱你&永不变心* 提交于 2019-12-07 19:46:25
前两天在研究“南方航空IE10兼容性”问题,在IE10的标准模式下,查询航班时无法显示结果。进入调试模式下调试,出现“loadXML”语法错误的提示(其实是无法正常解析XML数据)。切换其他浏览器模式(如IE10兼容性视图),就可以正常显示航班结果了。虽然切换浏览器模式解决了显示问题,但是为了让用户有更好的体验,减少手动切换浏览器模式的烦恼,决定另寻更优的方法解决。 经研究,IE10有“浏览器模式”和“文档模式”,下面作简单的介绍 浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:有些代码真是判断ie版本的,还有css里也有判断ie版本的)。 文档模式的主要作用是影响浏览器显示网页HTML的方式,在接到返回的HTML文件后,决定以哪个IE版本的文档模式解析该页面(举例来说:JS脚本就是依赖文档模式,IE9的js变化就需要IE9文档模式来支持)。 经过分析与测试,文档模式的切换是可以正常显示查询结果的。 通过添加以下语句(必须加在网页中除TITLE 和其他 META 元素以外的所有元素之前的标头 (HEAD部分) 中), <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > 文档模式就会自动切换