Comment détecter le mode de rendu du navigateur pour la page en cours?

Question

Je sais que les navigateurs modernes ont généralement deux modes de rendu: le mode standard et le mode quirk. Le navigateur détecte l'en-tête DocType.

La question est de savoir comment détecter le mode de rendu de la page en cours lors de l'exécution. Existe-t-il un outil Firebug pour le faire?

Answer 1

Avant IE8:

alert('Page was rendered in ' + 
    ((document.compatMode == 'CSS1Compat') ? 'Standards' : 'Quirks') + ' Mode.'); 

Pour IE8:

var vMode = document.documentMode; 
var rMode = 'IE5 Quirks Mode'; 
if(vMode == 8){ 
    rMode = 'IE8 Standards Mode'; 
} else if(vMode == 7){ 
    rMode = 'IE7 Strict Mode'; 
} 
alert('Rendering in: ' + rMode); 

Soyez conscient que pour gagner les benifits de nouveau IE8 "mode standard par défaut" comportement que vous aurez besoin d'être rendu dans IE8 Mode Standards.

Ce mode affecte le rendu de votre HTML + CSS ainsi que les correctifs à JavaScript des méthodes telles que document.getElementById(id); et .setAttribute(name, value);

Answer 2

Vous devriez aussi jeter un oeil à jQuerys jQuery.support. Il vous dira quelles normes sont pris en charge par le navigateur (boxModel, opacité, etc.)

http://docs.jquery.com/Utilities/jQuery.support

-à-dire

jQuery.support.boxModel; //false in IE when in quirksmode, true otherwise.