`

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

    博客分类:
  • JSF
阅读更多

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

 

 

分享到:
评论

相关推荐

    JSF中ie9时间兼容组件替换实现

    本文将深入探讨在JavaServer Faces (JSF) 应用中,如何针对IE9实现时间组件的兼容性解决方案,特别是在面临原生时间组件无法在IE9上正常工作时的替代策略。 首先,我们遇到的问题是JSF内置的时间组件在Internet ...

    jsf前端login界面

    **JSF(JavaServer Faces)前端Login界面详解** JavaServer Faces (JSF) 是一个用于构建Web应用程序的Java EE框架,特别适用于构建用户界面。它提供了丰富的组件库和事件处理机制,简化了前后端交互的过程。在本次...

    JSF框架中使用的设计模式介绍

    JSF框架充分利用了多种设计模式,这些模式有助于提高代码的可复用性、可维护性和可扩展性。以下是JSF框架中使用的一些关键设计模式的详细解释: 1. **Singleton模式**: Singleton模式确保一个类只有一个实例,并...

    CDI , JSF2.0 项目兼容性问题总结

    在开发Java EE应用程序时,尤其是使用CDI(Contexts and Dependency Injection)和JSF(JavaServer Faces)2.0版本的项目,可能会遇到各种兼容性问题。本文将针对在WebSphere 8.5环境下遇到的一些典型问题进行总结,...

    jsf 上传 操作Excel 导入数据库中 浏览器打开Excel表格

    在IT行业中,JavaScript Server Faces(JSF)是一种用于构建企业级Web应用的Java框架,而本文将重点关注如何在JSF环境中实现Excel文件的上传、处理并将其内容导入到数据库中,以及在浏览器中预览Excel表格。...

    介绍JSF框架的PPT

    - **客户端独立性**:JSF框架的设计考虑到了跨浏览器兼容性,因此开发的应用程序可以在不同的客户端上运行。 - **可扩展的导航**:类似于Struts的导航机制,JSF允许开发者通过配置文件来定义应用程序的导航逻辑。 - ...

    JSF+primefaces 网盘实现代码前端

    开发者需要理解JSF的MVC模式,掌握PrimeFaces组件的使用,以及熟练运用前端技术来创建交互式用户体验。通过这个项目,你将深入理解如何将前后端技术有效地结合起来,打造高性能的企业级Web应用。

    JSF程序设计

    **JSF程序设计** JavaServer Faces (JSF) 是一种基于Java的Web应用程序开发框架,由Sun Microsystems(现已被Oracle收购)开发并维护。JSF的主要目标是简化用户界面组件的构建和管理,提供MVC(Model-View-...

    JSF编程_程序设计

    9. **集成其他技术**:JSF可以很好地与JSR-330(依赖注入)和CDI(Contexts and Dependency Injection)等其他Java EE技术结合,增强其功能和灵活性。 10. **开发工具支持**:诸如Eclipse、NetBeans和IntelliJ IDEA...

    JSF 简介(英文)

    JSF在设计上考虑到了与工具的紧密配合,使事件能够轻松地与服务器端代码相绑定,同时提供了易于扩展的机制,以及管理用户界面状态的能力。 二、JSF的设计模式与架构:JSF遵循经典的Model-View-Controller (MVC) ...

    jsf分页 jsf分页 jsf分页

    综上所述,JSF分页是一个涉及前端UI和后端数据处理的复杂过程,但借助组件库和良好的设计模式,可以轻松实现高效且用户友好的分页功能。通过合理优化和灵活扩展,可以适应各种复杂的分页场景。在实际开发中,应根据...

    JSF(转换器+验证器)

    在JSF的应用中,结合使用转换器和验证器可以确保用户输入的数据既正确又有效。转换器确保数据类型的正确性,而验证器则确保数据的业务合法性。这两个机制是JSF处理用户输入数据的关键步骤,对于开发健壮的、用户友好...

    详细的JSF的使用步骤

    JavaServer Faces(JSF)是一种基于Java的服务器端UI框架,专为简化Web应用程序开发而设计。JSF的核心理念是组件化,它提供了一个模型-视图-控制器(MVC)架构,允许开发者使用预定义的组件、事件处理和后台bean来...

    seam:在IE8中部分richface组件不能兼容的解决办法

    seam:在IE8中部分richface组件不能兼容的解决办法

    使用NetBeans进行基础JSF开发

    5. **运行和调试**:使用NetBeans的内置Tomcat服务器或其他兼容的Servlet容器,可以直接运行和调试JSF应用程序。 6. **使用NetBeans的JSF工具**:NetBeans提供了JSF组件拖放设计、代码提示、自动完成等功能,帮助...

    精通JSF中文教程精通JSF中文教程

    JSF遵循MVC设计模式,其中视图由Facelets文件表示,模型由Managed Beans实现,控制器则是JSF框架自身。这种结构使得代码组织清晰,易于维护。 **9. JSF扩展** JSF框架是可扩展的,允许添加自定义组件、渲染器、EL...

    JSF包,jsf包,JSF包,jsf包

    4. **MVC架构**:JSF遵循MVC模式,有助于分离关注点,提高代码可维护性。 5. **支持AJAX**:JSF 2.0及更高版本提供了内置的AJAX支持,可以实现部分页面更新,提升用户体验。 **jar包**:在给定的文件列表中提到了...

    用jsf做的登录注册的组件

    1. **JSF架构**:JSF采用MVC(Model-View-Controller)设计模式,它提供了组件化UI开发的能力。模型负责业务逻辑,视图负责展示,控制器负责处理用户请求并更新模型。 2. **JSF组件**:JSF的核心是UI组件库,如`h:...

    JSF示例程序(很详细)

    JavaScript Faces (JSF) 是Java平台上的一种用于构建用户界面的模型-视图-控制器(MVC)框架。这个压缩包文件包含的"JSF示例程序"是为初学者准备的,旨在提供详尽的指导,帮助他们快速理解和掌握JSF的基本概念、组件...

Global site tag (gtag.js) - Google Analytics