Bộ sưu tập

Nhận dạng trình duyệt Internet Explorer (IE)


https://codersontrang.com/2012/07/11/nhan-dang-trinh-duyet-internet-explorer-ie/

Điều khó nhất trong thiết kế website là làm sao cho trang web của mình có thể chạy mượt mà trên càng nhiều loại trình duyệt càng tốt. Và trong số tất cả các loại trình duyệt, Internet Explorer của Microsoft dường như là loại trình duyệt khác biệt hơn hẳn so với các loại trình duyệt khác. Có khi style của chúng ta đều ngon trên các trình duyệt, nhưng trên IE thì không. Vì vậy dưới đây mình sẽ giới thiệu cách để chúng ta nhận dạng trình duyệt của người dùng có phải là IE không. Từ đó ta có thể đặt style riêng cho loại trình duyệt này.

Đơn giản thôi, trong trang web ta đặt một đoạn mã HTML sau:


<!--[if IE]>  
   <link rel="stylesheet" type="text/css" media="screen" href="path/ie.css" />  
<![endif]--> 

Với đoạn mã trên nếu trình duyệt của người dùng là IE thì style trong file ie.css sẽ được áp dụng vào trang web của chúng ta. Ngoài ra chúng ta còn có các cách áp dụng khác như sau:


<!--[if lte IE 7]>  
  Hiển thị khi người dùng sử dụng IE 7 hoặc thấp hơn
<![endif]--> 


<!--[if lt IE 7]>  
  Hiển thị khi người dùng sử dụng trình duyệt thấp hơn IE 7
<![endif]--> 

Tuy nhiên trên IE có browser mode và document mode như hình dưới đây

Cách làm ở trên là cách để nhận dạng ra browser mode. Còn để nhận dạng ra document mode thì chúng ta sẽ dùng đoạn mã javascript sau đây



   var docMode = document.documentMode;


Và giá trị của biến docMode có thể nhận là 5 (Quirk mode), 7, 8, 9 tùy vào document mode hiện tại là gì.

Chúc mọi người vui vẻ 😉

Advertisements

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Google photo

Bạn đang bình luận bằng tài khoản Google Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s