2012-06-13 15 views
5

Tôi đã điều tra một vấn đề và đang đấu tranh cho những ý tưởng mới, vì vậy tôi nghĩ tôi sẽ xem liệu có ai có thể giúp đỡ hay không.Trang IE bị buộc vào Chế độ Tài liệu IE7

Tôi có một trang hiển thị tốt trong Chrome và Firefox. Nó cũng hiển thị tốt trong IE9, nhưng một số khách hàng của chúng tôi phải sử dụng chế độ tương thích ... và khi trang được xem ở chế độ tương thích, nó sẽ buộc phải hiển thị trong Chế độ tài liệu IE7.

Trang có DOCTYPE HTML như dòng đầu tiên, và cũng có thể:

meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1 

nào, tôi tin rằng nên buộc trang để được hiển thị ở chế độ tài liệu gần đây nhất.

Khi tôi duyệt HTML trong Công cụ F12 Developer, dòng đầu tiên của html đã được nhận xét ra:

!-- DOCTYPE HTML -- 

bất cứ ai có thể đề nghị bất cứ điều gì tôi có thể cố gắng giải quyết vấn đề này, tức là buộc trang để hiển thị trong chế độ tài liệu IE9? Khi tôi tự thay đổi Chế độ Tài liệu thành IE9 trong Công cụ dành cho Nhà phát triển, trang hiển thị tốt - vì vậy tôi chỉ cần tìm hiểu tại sao IE đang buộc Chế độ Tài liệu IE7 và không sử dụng mặc định.

Bất kỳ trợ giúp nào được đánh giá cao.

Trả lời

7

Bạn có thể xem câu trả lời của mình cho một câu hỏi tương tự: X-UA-Compatible is set to IE=edge, but it still doesn't stop Compatibility Mode.

Thẻ meta không ghi đè loại tài liệu nếu người dùng có các tùy chọn nhất định được bật trong hộp thoại cài đặt Chế độ xem tương thích, chẳng hạn như "Hiển thị trang web mạng nội bộ trong chế độ xem tương thích" hoặc "Hiển thị tất cả trang web trong chế độ xem tương thích". có thể là trường hợp đối với một số khách hàng của bạn, cho dù đó là ý định của họ hay chính sách của công ty họ.

Để ép nó ra khỏi chế độ xem tương thích, bạn phải đặt X-UA-Tương thích trên máy chủ lưu trữ thay vì trong tệp được phân phối; cho .NET bạn thường sẽ đặt nó trong web.config (IIS7) như ví dụ của tôi bên dưới hoặc thêm nó vào Tiêu đề Http Tùy chỉnh của các thuộc tính ứng dụng web (IIS6).

<system.webServer> 
    <httpProtocol> 
    <customHeaders> 
     <clear /> 
     <add name="X-UA-Compatible" value="IE=EmulateIE8" /> 
    </customHeaders> 
    </httpProtocol> 
</system.webServer> 
+1

Ngoài ra, bạn không phải bao gồm mã số trong mã ở trên; nó xóa bất kỳ tiêu đề tùy chỉnh nào khác có thể được đặt ở nơi khác –