8

Używam znakomitego szablonu resetowania HTML 5 pod adresem html5reset.org, a mój metatag zgodny z X-UA nie działa. Oto, jak wygląda mój nagłówek:Reset html 5 (html5reset.org) - X-UA-Compatible nie działa

<!DOCTYPE html> 

<!--[if lt IE 7 ]> <html class="ie ieNoHtml5 ie6 no-js" lang="en"> <![endif]--> 
<!--[if IE 7 ]> <html class="ie ieNoHtml5 ie7 no-js" lang="en"> <![endif]--> 
<!--[if IE 8 ]> <html class="ie ieNoHtml5 ie8 no-js" lang="en"> <![endif]--> 
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]--> 
<!-- the "no-js" class is for Modernizr. --> 

<head> 
    <meta charset="utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 


    <title>Title of Page</title> 

Wyświetlana jest opcja korzystania z trybu widoku zgodności w IE (uszkodzona ikona strony w polu adresu URL). Problem polega na tym, że niektórzy z moich klientów ustawili przeglądarki IE9 w trybie "zawsze używać widoku zgodności", w wyniku czego strona wygląda jak IE7, mimo że używają IE9, a X-UA-Compatible ma to zastąpić .

Teraz jeśli usunąć nagłówek śmieszne rzeczy:

<!DOCTYPE html> 
<html class="no-js" lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

... to nagle zaczyna działa poprawnie.

Zauważyłem, że sama ikona wygląda na uszkodzoną stronę, więc nie wydaje się działać, ale działa i wydaje się korzystać z tego samego podejścia.

Dodanie X-UA-Compatible do nagłówka odpowiedzi za pośrednictwem konfiguracji serwera sieciowego wydaje się naprawić, ale wolałbym nie polegać na tym podejściu.


Aktualizacja: Wydaje się, że jest tylko wysyłanie html5boilerplate.com X-UA-Compatible w nagłówkach odpowiedzi HTTP, jeśli wykryje, że przeglądarka jest IE. Wydaje się, że droga do wyjścia.

Odpowiedz