考虑有些客户用IE9外其他浏览器,给浏览器设计兼容模式,JSF 前端ie浏览器兼容性问题

今天碰见一个问题,在弄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就版本兼容转换过来了。最后就解决了。

相关推荐