Cách tải trình duyệt "Chế độ tài liệu"

Question

Tôi đang phát triển một số loại thư viện JavaScript. Và tôi gây ra vấn đề mà tôi có một số vấn đề cụ thể cho: Trình duyệt: IE8/IE9 và Chế độ Tài liệu: IE7 Tôi tìm thấy giải pháp, nhưng tôi không muốn sử dụng nó trong mọi tình huống và muốn sử dụng nó ngay khi tôi có tình huống được mô tả ở trên. Tôi biết rằng tôi có thể nhận ra trình duyệt bằng cách sử dụng:

return navigator.userAgent.toLowerCase().indexOf('MSIE 8') > -1; 

Nhưng tôi nhận ra chỉ là phiên bản trình duyệt theo cách như vậy nhưng không phải là chế độ tài liệu, và tôi không muốn sử dụng giải pháp của tôi khi tôi có, ví dụ, trình duyệt chế độ IE8 và chế độ tài liệu IE 8. Có cách nào để lấy chế độ tài liệu trang trong IE không? Cảm ơn trước.

Answer 1

Bạn có thể sử dụng document.documentMode để trả lại chính xác chế độ tài liệu mà IE đang sử dụng.

Có nghĩa là nếu bạn đã đặt chế độ trình duyệt thành IE9, nhưng chế độ tài liệu của bạn thành IE8, nó sẽ trả về document.documentMode == 8 (trong khi chuỗi userAgent sẽ vẫn hiển thị dưới dạng IE9). Điều này đặc biệt hữu ích nếu JS của bạn đã bao gồm các thay đổi về kiểu dáng vì nó là chế độ tài liệu xác định cách trình duyệt IE hiển thị một trang, không phải là chế độ trình duyệt. Chế độ tương thích thực sự chỉ thay đổi chế độ tài liệu (thường là IE7).

Trong vài trường hợp tôi đã cần thiết để Tôi vừa mới sử dụng một cái gì đó như thế này để phân biệt của IE:

if (document.documentMode == 7) { 
    doSomethingIn.IE7_only; 
} else { 
    doSomething.everwhereElse; 
} 

Hy vọng rằng sẽ giúp một số.

Answer 2

Tôi không biết cách truy xuất chế độ tài liệu , nhưng bạn nên giải quyết vấn đề theo cách cơ bản hơn. Giả sử bạn muốn sử dụng document.querySelector trong tập lệnh của mình. Điều đó sẽ thất bại trong IE8/document mode IE7 Standards. Vì vậy, một kiểm tra bổ sung cho sự tồn tại của bản thân document.querySelector sẽ là giải pháp:

return ~navigator.userAgent.toLowerCase().indexOf('MSIE 8') 
     && document.querySelector; //=> IE8 and Docmode IE7 => false 

Tìm thấy một cách để kiểm tra các chế độ tài liệu: sử dụng document.documentMode. Nó trả về một số nguyên (vì vậy 7 cho chế độ tài liệu chuẩn IE7), 5 cho Quirks mode. Nó sẽ là undefined cho các trình duyệt không phải của IE.