考虑有些客户用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就版本兼容转换过来了。最后就解决了。
相关推荐
中等偏下 2015-07-17
一条鱼一条鱼 2014-04-18
guoxiaolong00 2013-06-03
洪宇 2014-04-18
dbLjy0 2012-02-25
bingkingboy 2014-09-30
BluewineY 2013-11-18
阳光暖心 2013-07-08
kyle00 2011-03-14
确实比较男 2010-12-14
gfsyy0 2010-11-04
mowengaoboa 2010-08-12
XuDTone 2010-06-05
tomatoboryj 2010-06-02
jacky的部落 2010-05-18
yixu0 2013-05-22
江巅 2010-01-26
牧场SZShepherd 2010-01-04