Cách phát hiện Chế độ hiển thị của trình duyệt cho trang hiện tại?

Question

Tôi biết rằng các trình duyệt hiện đại thường có hai chế độ hiển thị: chế độ chuẩn và chế độ quirk. Trình duyệt phát hiện tiêu đề DocType.

Câu hỏi là cách phát hiện chế độ hiển thị của trang hiện tại khi chạy. Có công cụ Firebug nào để làm điều đó không?

Answer 1

Trước khi IE8:

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

Đối với 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); 

Hãy nhận biết rằng để đạt được Các lợi ích mới của IE8 "chế độ tiêu chuẩn theo mặc định" hành vi bạn sẽ cần phải được render trong IE8 Chế độ tiêu chuẩn.

chế độ này ảnh hưởng đến việc vẽ của HTML + CSS của bạn cũng như các bản sửa lỗi JavaScript phương pháp như document.getElementById(id); và .setAttribute(name, value);

Answer 2

Bạn cũng nên có một cái nhìn tại jQuerys jQuery.support. Nó sẽ cho bạn biết tiêu chuẩn này được hỗ trợ bởi trình duyệt (boxModel, opacity vv)

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

tức

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