ES6 - Trình duyệt
Điều quan trọng là phải hiểu sự khác biệt giữa các trình duyệt khác nhau để xử lý từng trình duyệt theo cách mà nó mong đợi. Vì vậy, điều quan trọng là phải biết trang web của bạn đang chạy trong trình duyệt nào. Để nhận thông tin về trình duyệt mà trang web của bạn hiện đang chạy, hãy sử dụng đối tượng điều hướng được tích hợp sẵn.
Thuộc tính điều hướng
Có một số thuộc tính liên quan đến Navigator mà bạn có thể sử dụng trong trang web của mình. Sau đây là danh sách các tên và mô tả của nó.
Sr.No | Kê khai tài sản |
---|---|
1 | appCodeName Thuộc tính này là một chuỗi chứa tên mã của trình duyệt, Netscape cho Netscape và Microsoft Internet Explorer cho Internet Explorer. |
2 | appVersion Thuộc tính này là một chuỗi chứa phiên bản của trình duyệt cũng như các thông tin hữu ích khác như ngôn ngữ và khả năng tương thích của nó. |
3 | language Thuộc tính này chứa hai chữ cái viết tắt của ngôn ngữ được trình duyệt sử dụng. Chỉ Netscape. |
4 | mimTypes[] Thuộc tính này là một mảng chứa tất cả các kiểu MIME được hỗ trợ bởi máy khách. Chỉ Netscape. |
5 | platform[] Thuộc tính này là một chuỗi chứa nền tảng mà trình duyệt được biên dịch. "Win32" dành cho hệ điều hành Windows 32-bit. |
6 | plugins[] Thuộc tính này là một mảng chứa tất cả các trình cắm đã được cài đặt trên máy khách. Chỉ Netscape. |
7 | userAgent[] Thuộc tính này là một chuỗi chứa tên mã và phiên bản của trình duyệt. Giá trị này được gửi đến máy chủ gốc để xác định máy khách. |
Phương pháp điều hướng
Có một số phương pháp dành riêng cho Navigator. Đây là danh sách tên và mô tả của họ.
Sr.No | Phương pháp & Mô tả |
---|---|
1 | javaEnabled() Phương pháp này xác định xem JavaScript có được bật trong máy khách hay không. Nếu JavaScript được bật, phương thức này trả về true; nếu không, nó trả về false. |
2 | plugings.refresh Phương pháp này cung cấp các plugin mới được cài đặt và điền vào mảng plugin với tất cả các tên plugin mới. Chỉ Netscape |
3 | preference(name,value) Phương pháp này cho phép một tập lệnh đã ký nhận và thiết lập một số tùy chọn Netscape. Nếu tham số thứ hai bị bỏ qua, phương thức này sẽ trả về giá trị của tùy chọn đã chỉ định; nếu không, nó đặt giá trị. Chỉ Netscape |
4 | taintEnabled() Phương thức này trả về true nếu kích hoạt tính năng làm mờ dữ liệu; sai khác |
Phát hiện trình duyệt
Đoạn mã JavaScript sau có thể được sử dụng để tìm ra tên của trình duyệt và sau đó một trang HTML có thể được cung cấp cho người dùng.
<html>
<head>
<title>Browser Detection Example</title>
</head>
<body>
<script type = "text/javascript">
<!--
var userAgent = navigator.userAgent;
var opera = (userAgent.indexOf('Opera')
! = -1); var ie = (userAgent.indexOf('MSIE')
!= -1); var gecko = (userAgent.indexOf('Gecko')
! = -1); var netscape = (userAgent.indexOf('Mozilla')
! = -1); var version = navigator.appVersion;
if (opera) {
document.write("Opera based browser");
// Keep your opera specific URL here.
} else if (gecko) {
document.write("Mozilla based browser");
// Keep your gecko specific URL here.
} else if (ie) {
document.write("IE based browser");
// Keep your IE specific URL here.
} else if (netscape) {
document.write("Netscape based browser");
// Keep your Netscape specific URL here.
} else {
document.write("Unknown browser");
}
// You can include version to along with any above condition.
document.write("<br /> Browser version info : " + version );
//
-->
</script>
</body>
</html>
Kết quả sau được hiển thị khi thực hiện thành công đoạn mã trên.
Mozilla based browser
Browser version info : 5.0
(Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, như Gecko) Chrome / 41.0.2272.101 Safari / 537.36