Tại sao Internet Explorer 11 không tôn trọng các nhận xét có điều kiện ngay cả khi mô phỏng chế độ tài liệu Internet Explorer 8?

Tôi đang sử dụng các công cụ dành cho nhà phát triển Internet Explorer 11 mới để chuyển chế độ tài liệu thành "8", nhưng các nhận xét có điều kiện vẫn bị bỏ qua, tức là chúng không được phân tích cú pháp đúng cách và hoạt động như các nhận xét bình thường. Vì vậy, bất kỳ tệp tham chiếu nào bên trong nhận xét có điều kiện sẽ không được trình duyệt yêu cầu / tải.

Lý do tại sao điều này xảy ra? Nó là một lỗi?

Nếu bạn nghĩ rằng đây thực sự là một lỗi cần được sửa, vui lòng truy cập và nói rằng bạn cũng có thể tái tạo lỗi này trên báo cáo lỗi của Microsoft được báo cáo cho vấn đề này:
Nhận xét có điều kiện không hoạt động khi mô phỏng chế độ tài liệu thông qua F12 Developer Dụng cụ .

Cập nhật: Vấn đề này đã được báo cáo để được khắc phục trong báo cáo lỗi đã đề cập.

theo đểJacob Rossi [MSFT]

Điều này sẽ được khắc phục trong Bản cập nhật 1 cho IE11, được phát hành vào tuần trước .

Đó đã được đăng vào ngày 22 tháng 4 năm 2014.

Bản thân tôi khi thực hiện một vài thử nghiệm thì có vẻ như điều này đã được khắc phục và tất cả đều đang hoạt động trơn tru trở lại để thử nghiệm trình duyệt tuyệt vời nhất từng được sản xuất ... Internet Explorer!

Tôi vừa thử sử dụng điều này trong Internet Explorer 11 trên Windows 7 để đảm bảo rằng các phần tử ngữ nghĩa HTML5 đã sử dụng của tôi đang được tạo cho Internet Explorer 8 trở xuống (thông qua nhận xét có điều kiện) và trình duyệt chỉ bỏ qua chúng. -_-

Tính năng này hoạt động hoàn toàn tốt trong Internet Explorer 10 và Microsoft chỉ cần mày mò với nó, phải không?

<!--[if lte IE 8]><script src="ie8-html5.js"></script><![endif]-->

Ngoài điều này ra, tôi thực sự thích Internet Explorer, nó tạo ra một sự thay đổi.

Điều này phù hợp với tôi và có vẻ như đây là cách khắc phục dễ dàng / đơn giản nhất ( Internet Explorer 10 và Internet Explorer 11, tôi đoán là những trình duyệt duy nhất hỗ trợ -ms-high-contract):

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
}

Gần đây tôi đã gặp phải vấn đề tương tự. Tôi cũng thấy rằng một số nhận xét có điều kiện hoạt động:

• gtvà ltlàm việc tốt
• gtevà ltekhông bao giờ làm việc

Vì vậy, một giải pháp tiềm năng sẽ là thay đổi các câu lệnh điều kiện để sử dụng toán tử gtvà lt.

Một giải pháp thay thế khác, mà tôi thấy hữu ích hơn, là sử dụng một dịch vụ như browserstack .

Tôi có một giải pháp khác cho việc này.

Internet Explorer 11 với chế độ tương thích Internet Explorer 8 được bật chứa chuỗi 'MSIE 8.0', vì vậy:

(Ví dụ PHP)

if (strpos($_SERVER['HTTP_USER_AGENT'],'MSIE 8.0') !== false) {
    $head[] = sprintf('<link rel="stylesheet" href="ie8.css" />');
}

Tôi đã gặp vấn đề tương tự - nó khiến tôi phát điên cả buổi sáng. Tôi đã thêm Modernizr và tôi đã chọn tất cả các tùy chọn, bao gồm cả yepnope.js.

Vì vậy, bây giờ bài kiểm tra của tôi trông như thế này:

Modernizr.load({
            test: Modernizr.canvas,
            nope: ['Content/Site-ie-8.min.css', 'Content/font-awesome-ie7.min.css']
});

Trong trường hợp này, tôi kiểm tra canvas (không được hỗ trợ trước Internet Explorer 9), vì vậy tôi tải nội dung có điều kiện của mình. Tính năng này hiện hoạt động khi chuyển đổi chế độ trình duyệt trong các công cụ dành cho nhà phát triển Internet Explorer 11.

Tôi không thấy nó được đề cập ở đây, nhưng trong báo cáo lỗi này , có lưu ý rằng, nếu bạn thay đổi cài đặt chế độ xem tương thích, các nhận xét có điều kiện sẽ hoạt động như mong đợi. Vì thế:

1. Trong IE11, nhấp vào "Công cụ"
2. Thiết lập chế độ xem tương thích
3. Nhập URL và nhấp vào Thêm

Có vẻ như hiện đang hoạt động tốt trên máy chủ cục bộ của tôi. Tôi đã không thử nghiệm điều này rộng rãi nhưng có thể nó sẽ giúp ích cho ai đó.

Một số nhận xét có điều kiện đang hoạt động, chẳng hạn như ' gt' và ' lt', nhưng chẳng hạn như <!--[if IE 8]>không hoạt động. Điều này chắc chắn gây bất tiện cho các nhà phát triển muốn thử xem trang web của họ trông như thế nào trên các phiên bản trình duyệt Internet Explorer khác nhau, nhưng đó không phải là tin xấu.

Mặc dù các nhận xét có điều kiện không hoạt động, bạn vẫn có thể kiểm tra trang web của mình trông như thế nào trong mỗi phiên bản Internet Explorer bằng cách nối các bảng định kiểu một cách lần lượt: giả sử bạn có biểu định kiểu cho Firefox, Chrome, Internet Explorer 10 và Internet Explorer 11 được gọi là ' screen.css' và một biểu định kiểu khác CHỈ dành cho Internet Explorer 9 được gọi là ' screen-ie9.css' và một biểu định kiểu khác CHỈ dành cho Internet Explorer 8 được gọi là ' screen-ie8.css'.

Để kiểm tra các trang web của bạn CHỈ dành cho Internet Explorer 9, bạn có thể làm như sau:

<link rel="stylesheet" href="path/css/screen.css"     type="text/css" />
<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />

và trong các công cụ dành cho nhà phát triển F12, phần Mô phỏng, đặt 'Chế độ Tài liệu' thành '9' và 'Chuỗi tác nhân người dùng' thành 'Internet Explorer 9'. Chế độ Tài liệu là Tiêu chuẩn mà Internet Explorer 9 sử dụng và chuỗi tác nhân Người dùng là chính trình duyệt.

Tái bút: Tôi giả định rằng ' screen.css' là biểu định kiểu cơ sở của bạn, đó là lý do tôi gọi nó đầu tiên hơn là "ghi đè" các bản sửa lỗi Internet Explorer 9 sau đó bằng cách gọi ' screen-ie9.css' thứ hai.

Bằng cách này, bạn có thể "chắc chắn" (tôi phải kiểm tra với máy ảo để viết từ "chắc chắn" mà không có dấu ngoặc kép) rằng bạn đang xem trang web của mình trên trình duyệt Internet Explorer 9. Khi bạn hoàn tất quá trình kiểm tra và tạo kiểu trên Internet Explorer 9 và bạn muốn kiểm tra với Internet Explorer 8, bạn có thể dễ dàng thực hiện thủ thuật tương tự bằng cách thay thế thủ thuật này:

<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />

Với cái này:

<link rel="stylesheet" href="path/css/screen-ie8.css" type="text/css" />

Vì vậy, đó chỉ là vấn đề MINOR bất tiện từ phía Microsoft, NHƯNG các công cụ của nhà phát triển F12 mới đang cung cấp RẤT NHIỀU tính năng tuyệt vời, điều này khiến điều này không phải là vấn đề lớn.