考虑有些客户用IE9外其他浏览器，给浏览器设计兼容模式，JSF 前端ie浏览器兼容性问题
程序员文章站
2022-03-09 16:41:49
...
今天碰见一个问题，在弄IE浏览器兼容性问题时：
<h:head>
<tittle>xxxxx</tittle>
<meta http-equiv="X-UA-Compatible" content ="IE-8"/>
....
....
<h:outputStylesheet library="css" name="jquery.js"/>
</h:head>
这样写从写的代码上看是没啥错误，用IE9测试发觉没啥作用，在编译后生成的html文件中查看ie源码 发觉jsf自己带了一些不认识js引入（见下面源码说明):
源码大致：
<head>
<tittle>xxxxx</tittle>
<link href="xxx/faces/javax.faces.resours/them.css" rel="stylesheel " type="text/css"/>
<meta http-equiv="X-UA-Compatible" content ="IE-8"/>
....
....
<script src="jquery.js"/>
<head>
找了资料说明<meta http-equiv="X-UA-Compatible" content ="IE-8"/>只能放在开头，不然其他会影响，慢慢找一直解决不了，最后给代码移动到<h:head>前面编译好了，前天查看源码也起作用了：
<meta http-equiv="X-UA-Compatible" content ="IE-8"/>
<h:head>
<tittle>xxxxx</tittle>
....
....
<h:outputStylesheet library="css" name="jquery.js"/>
</h:head>
总结：JSF本身自己自己带了许多自定义js和css，在jsf转换成html源码后，会自己定义的js和css引入进来，而<meta http-equiv="X-UA-Compatible" content ="IE-8"/>只能放在头部才生效。而放在<h:head>前面编译会给<meta http-equiv="X-UA-Compatible" content ="IE-8"/>放在<head>里面再家jsf引用的js和css,所以后面IE就版本兼容转换过来了。最后就解决了。
上一篇： [转载] JUDCon 2012 北京! JUDCon
下一篇： JSF动态表格实现