Window Navigator nhận biết thông tin trình duyệt phía client

Đối tượng window navigator chứa thông tin về trình duyệt của khách truy cập. Trong bài viết này chúng ta sẽ tìm hiểu window navigator là gì ? và cách sử dụng, mình xin được bắt đầu bài viết.

Window navigator

Đối tượng navigator cung cấp một số thuộc tính giúp nhận biết các thành phần khác nhau của trình duyệt và môi trường của người dùng. Một trong những thao tác phổ biến mà JavaScript có thể thực hiện là nhận biết người truy cập đang sử dụng trình duyệt nào.

Các vấn đề khi nhận biết trình duyệt

Từ rất lâu, các trang web đã sử dụng đối tượng navigator để nhận biết trình duyệt của người dùng. Nhận biết trình duyệt là việc làm cần thiết để các đoạn mã viết riêng cho từng loại trình duyệt có thể chạy được. Trái với mục đích cơ bản của việc nhận biết trình duyệt, một số website thiết kế kém lại sử dụng kỹ thuật này để chặn khi người dùng duyệt nó trên một số trình duyệt nhất định.
Rất ít người biết rằng thông tin gửi qua trình duyệt có thể bị giả mạo. Tiện ích The User Agent Switcher của Firefox có thể thay đổi những thông tin này, do đó làm cho việc nhận dạng trình duyệt với đối tượng navigator trở nên vô tác dụng.

Kiểm tra tên trình duyệt

navigator.appName

var y = navigator.appName;
//Lất tên ứng dụng của trình duyệt
console.log(y)
// Output "Netscape"
// Nétcape là tên ứng dụng cho cả IE11, Chrome, Firefox và Safari.

Kiểm tra tên mã ứng dụng trình duyệt

navigator.appCodeName

var y = navigator.appCodeName;
//Lất tên mã ứng dụng của trình duyệt
onsole.log(y)
// Output "Mozilla"
// Mozilla là tên mã ứng dụng cho cả IE11, Chrome, Firefox và Safari.

Kiểm tra sản phầm của trình duyệt

navigator.product

var y = navigator.product;
//Lất tên mã ứng dụng của trình duyệt
onsole.log(y)
// Output "Gecko"
// Gecko là tên sản phẩm cho cả IE11, Chrome, Firefox và Safari.

Kiểm tra phiên bản trình duyệt 

navigator.appVersion

var y = navigator.appVersion;
//Lất tên mã ứng dụng của trình duyệt
onsole.log(y)
// Output "5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36"

Kiểm tra java có được bật không?

navigator.javaEnabled trả về true nếu java đang bật flase nếu ngược lại

var y = navigator.javaEnabled;
//Lất tên mã ứng dụng của trình duyệt
onsole.log(y)
// Output "True"
// java đang được bật

Kiểm tra interner của trình duyệt

navigator.onLine trả về true nếu máy của bạn đang có mạng 😀

var y = navigator.onLine;
//Kiểm tra tình trạng trình duyệt
onsole.log(y)
// Output "True"
// Đang kết nối internet đấy

Kiểm tra ngôn ngữ của trình duyệt

navigator.language

var y = navigator.language;
//Kiểm tra tình trạng trình duyệt
onsole.log(y)
// Output "vi-VN"
// Tiếng Việt 

Kiểm tra nền tảng của trình duyệt

navigator.platform

var y = navigator.platform;
//Kiểm tra nền tảng của trình duyệt
onsole.log(y)
// Output "Win32"
// window 32 bit

Ok xong nhé, mình xin được kết thúc bài viết tại đây.

Xem bài viết tiếp theo tại đây.