Как сделать метатег первым в разделе <head>?

Я использую JSF2, GlassFish 3.1, PrimeFaces 2.x.

У меня возникают странные проблемы с рендерингом на IE9. Я должен был заставить IE9 отображать как IE9, вставив следующее:

<html>
<head>
  <!-- Enable IE9 Standards mode -->
  <meta http-equiv="X-UA-Compatible" content="IE=9" />
...

Но дело в том, что он не работает, потому что (как мне сказали) метатег ДОЛЖЕН быть первым тегом в этом разделе.

Когда я делаю это в своем файле XHTML...

<html ...>

<f:view contentType="text/html" locale="#{loginHandler.currentLocale}">

<h:head>
    <!-- Enable IE9 Standards mode -->
    <meta http-equiv="X-UA-Compatible" content="IE=9" />

Получающийся HTML выглядит так: JSF/PrimeFaces добавил кучу тегов "link" и "script" перед моим новым метатегом.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" rel="stylesheet" href="/orcf-webui/javax.faces.resource/jquery/ui/jquery-ui.css.jsf?ln=primefaces&amp;v=2.2" />
<link type="text/css" rel="stylesheet" href="/orcf-webui/javax.faces.resource/wijmo/wijmo.css.jsf?ln=primefaces&amp;v=2.2" />
<script type="text/javascript" src="/orcf-webui/javax.faces.resource/jquery/jquery.js.jsf?ln=primefaces&amp;v=2.2"></script>
<script type="text/javascript" src="/orcf-webui/javax.faces.resource/jquery/ui/jquery-ui.js.jsf?ln=primefaces&amp;v=2.2"></script>
<!-- Enable IE9 Standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=9" />

Есть ли способ получить мой метатег в нужном месте, чтобы он работал? (Или альтернативный способ устранения этой проблемы IE9?

Ответы

Ответ 1

<h:head>
    <f:facet name="first">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    </f:facet>
</h:head>

Ответ 2

Я считаю, что лучшим решением является создание JSF PhaseListener, который добавляет заголовок X-UA-Compatible для ответа HTTP

public class UACompatibleHeaderPhaseListener implements PhaseListener {
    private static final long serialVersionUID = 1L;

    @Override
    public PhaseId getPhaseId() {
        return PhaseId.RENDER_RESPONSE;
    }

    @Override
    public void beforePhase(PhaseEvent event) {
        final FacesContext facesContext = event.getFacesContext();
        final HttpServletResponse response = (HttpServletResponse) facesContext.getExternalContext().getResponse();
        response.addHeader("X-UA-Compatible", "IE=edge");
    }

    @Override
    public void afterPhase(PhaseEvent event) {
    }

}

и зарегистрируйте его в faces-config.xml

<faces-config xmlns="http://java.sun.com/xml/ns/javaee" version="2.0">
  <lifecycle>
    <phase-listener>com.example.UACompatibleHeaderPhaseListener</phase-listener>
  </lifecycle>
</faces-config>

Другой вариант - создать сервлет-фильтр и зарегистрировать его в web.xml.

Зачем это нужно?

  • Представьте, что ваше веб-приложение развернуто в домене (или поддомене), который находится в списке совместимости IE здесь: http://ie9cvlist.ie.microsoft.com/ie9CompatViewList.xml, поэтому вам нужно используйте заголовок X-UA-Compatible для переключения IE в последний режим.

  • Представьте, что ваше веб-приложение развернуто на сервере WebLogic (который использует mojarra 2.0.4), поэтому вы не можете изменить реализацию JSF.

mojarra

Ответ 3

Вы можете создать Filter, который добавляет заголовок:

X-UA-Compatible: IE=9

для объекта ответа.

Источник

Ответ 4

Просто, чтобы прокомментировать ваш ответ и предыдущие комментарии:

Заголовок HTTP и HTML Head не являются полностью разными (эффективно), если вы просматриваете страницу в IE8, как показано на рисунке здесь. Если вы установите HTTP-заголовок, но не HTML Head, директива из заголовка HTTP по-прежнему учитывается.

Я не знаю, как ведет себя IE9, но я думаю, что аналогичным образом.

Ответ 5

Возможно, вы захотите переключиться с Mojarra на MyFaces. Рассматривая исходный код MyFaces 'HEAD renderer - сначала получает содержимое элемента, а затем других ресурсов. Моджарра делает это, вероятно, по-другому. Если вы не хотите переключать реализации JSF, вы можете просто реализовать свой собственный визуализатор элементов HEAD.

Однако я бы предложил просто узнать, почему IE9 не работает без метатега X-UA-Compatible. Предполагается, что новые версии будут вести себя как более старые версии.