19

Tôi đang sử dụng các loại tài liệu HTML5 với thẻ X-UA-Tương thích meta gần đầu:Force Internet Explorer 9 sử dụng IE 9 Chế độ

<!DOCTYPE html> 
<!--[if lt IE 7]> <html lang="en-us" class="ie6"> <![endif]--> 
<!--[if IE 7]> <html lang="en-us" class="ie7"> <![endif]--> 
<!--[if IE 8]> <html lang="en-us" class="ie8"> <![endif]--> 
<!--[if gt IE 8]><!--> <html lang="en-us"> <!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    ... 

Nhưng Internet Explorer 9 cho một số người dùng được hiển thị trang trong chế độ xem tương thích. Tôi nghi ngờ đó là vì họ đã bật cài đặt "Hiển thị tất cả trang web trong Chế độ xem tương thích". Có cách nào để buộc IE9 sử dụng trình duyệt IE9 và chế độ tài liệu không?

+1

Đối với những người không thể sử dụng HTTP header: Tôi đã đọc rằng 'http-equiv = "Thẻ meta" X-UA tương thích "phải là thẻ ** đầu tiên ** trong phần' '. Thứ tự cho tiêu đề HTTP không quan trọng. – netzaffin

+0

Chỉ thêm sẽ làm;) Đối với ví dụ:

Trả lời

25

Nó chỉ ra rằng giải pháp là để thiết lập X-UA-Tương thích trong tiêu đề HTTP và không trong HTML:

X-UA-Compatible: IE=edge,chrome=1 

Điều này sẽ buộc Internet Explorer để sử dụng công cụ vẽ mới nhất, ngay cả khi " Hiển thị tất cả các trang web trong Chế độ xem tương thích "được bật.

+0

Tôi đã đưa chuỗi này vào thẻ meta giống như nhiều trang gợi ý, nhưng nó không có hiệu lực ở đó. Đặt nó trong một tiêu đề HTTP có vẻ là cách duy nhất hoạt động đáng tin cậy. –

+0

Vâng, tôi đã đi đến cùng một kết luận. Nó phải được khai báo trong tiêu đề HTTP. –

+0

Ý của bạn là tiêu đề http, tôi có cùng một vấn đề, Nếu tôi đặt nó trong meta trong phần đầu không có gì xảy ra – shorif2000

10

Nó cũng làm việc với điều này trong <head> trong html:

<meta http-equiv="X-UA-Compatible" content="IE=9"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
+0

Điều này không hiệu quả đối với tôi. Thêm tiêu đề trong câu trả lời ở trên là giải pháp duy nhất. – davidjb

0

@netzaffin là đúng - nếu X-UA-Tương thích là thẻ meta đầu tiên trong phần HEAD, IE9 hoạt động.

3

hãy nối thêm vào phần đầu của trang web của bạn, hy vọng nó sẽ giúp ích.

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
<meta http-equiv="X-UA-Compatible" content="IE=5, IE=7, IE=8, IE=9, IE=10" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" /> 
1

Vì JohnnyO nói nó phải được gửi làm tiêu đề. Trong PHP thêm này (trước khi bất kỳ sản lượng khác được gửi):

<?php header('X-UA-Compatible: IE=edge,chrome=1'); ?> 

trong Wordpress này có lẽ sẽ là tốt nhất nếu bạn đặt nó như dòng đầu tiên trong file header.php của bạn miễn là bạn không có bất kỳ đầu ra (hoặc lỗi) trước khi tệp đó được hiển thị, nó sẽ hoạt động.

Nếu bạn đã lỗi đang được đầu ra cho trình duyệt, bạn có thể muốn nói lỗi phải đăng nhập duy nhất và không xuất ra màn hình bằng cách thêm một cái gì đó như thế này để ứng dụng của bạn:

ini_set('display_errors', 0); 
ini_set('log_errors', 1); 

Trong Wordpress đó có thể là được thêm gần đầu tệp wp-config.php.

Nếu bạn đã kích hoạt bộ nhớ đệm với một cái gì đó như WP SuperCache hoặc W3 Total Cache, tất cả các cược sẽ liên quan đến hành vi của trang web của bạn - bạn sẽ cần thực hiện một số tìm kiếm cách thêm tiêu đề bổ sung bằng plugin bộ nhớ đệm của bạn.

5

Thẻ meta X-UA-COMPATIBLE phải là thẻ đầu tiên bên trong đầu, nếu không thẻ này sẽ không hoạt động. Xem câu trả lời này: https://stackoverflow.com/a/22233206/3329906.

Tất cả nội dung tiêu đề http này là quá mức cần thiết.

0

Chỉ thêm

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

sẽ làm;)

Đối với ví dụ:

<!DOCTYPE html> 
<html lang="en-US" class="css3transitions"> 
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
<head> 
<meta charset="UTF-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
+1

Tại sao thẻ meta loại nội dung đó nằm ngoài đầu? –

Các vấn đề liên quan