Hướng dẫn navigator object in javascript - đối tượng điều hướng trong javascript

Trong bài này chúng ta sẽ tìm hiểu đối tượng Navigator trong Javascript, đây là đối tượng giúp bạn lấy được thông tin về trình duyệt mà người dùng đang sử dụng.Navigator trong Javascript, đây là đối tượng giúp bạn lấy được thông tin về trình duyệt mà người dùng đang sử dụng.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.freetuts.net, không được copy dưới mọi hình thức.

Javascript navigator được dùng để kiểm tra các thông tin về người dùng như trình duyệt đang sư dụng là gì? hệ điều hành đang sử dụng là gì? Trình duyệt có bật cookie hay không? hay thậm chí có thể kiểm tra được tên và version của Browser. được dùng để kiểm tra các thông tin về người dùng như trình duyệt đang sư dụng là gì? hệ điều hành đang sử dụng là gì? Trình duyệt có bật cookie hay không? hay thậm chí có thể kiểm tra được tên và version của Browser.

Navigator là một thuộc tính của window, vì vậy bạn phải sử dụng cú pháp window.navigator để truy cập đến các thuộc tính của navigator. Sau đây là cách sử dụng đối tượng này. Ngoài ra, bạn cũng có thể sử dụng biến navigator, đây là một biến toàn cục đại diện cho window.navigator.

Bây giờ mình thử console.log đối tượng này xem có gì nhé.

Bài viết này được đăng tại [free tuts .net]

Chạy trên trình duyệt chrome thì kết quả sẽ như sau:

Trên chính là danh sách các phương thức và thuộc tính nằm trong đối tượng navigator. Bây giờ ta sẽ thực hành nhé.

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

Để kiểm tra trình duyệt có bật Cookie hay không thì ta sử dụng thuộc tính navigator.cookieEnabled.

if (window.cookieEnabled){
    alert("Có bật Cookie - freetuts.net");
}
else{
    alert("Cookie đã bị tắt");
}

2. Window navigator kiểm tra tên trình duyệt đang sử dụng

Để kiểm tra tên trình duyệt thì ta dùng thuộc tính navigator.appName và thuộc tính navigator.appCodeName dùng để kiểm tra tên mã code của trình duyệt.

document.write("App Name: " + window.navigator.appName + "
");
document.write("Code Name: " + window.navigator.appCodeName);

3. Window navigator kiểm tra Engine của trình duyệt

Để kiểm tra Engine của trình duyệt ta sử dụng thuộc tính

document.write("App Name: " + window.navigator.appName + "
");
document.write("Code Name: " + window.navigator.appCodeName);

0.

document.write("Engine: " + navigator.product);

4. Window navigator kiểm tra vesion của trình duyệt

Để kiểm tra Version của trình duyệt ta sử dụng thuộc tính

document.write("App Name: " + window.navigator.appName + "
");
document.write("Code Name: " + window.navigator.appCodeName);

1 hoặc

document.write("App Name: " + window.navigator.appName + "
");
document.write("Code Name: " + window.navigator.appCodeName);

2.

document.write("Cách 1: " + navigator.appVersion + "
");
document.write("Cách 1: " + navigator.userAgent);

Tuy nhiên, việc sử dụng Javascript để kiểm tra Version sẽ có lúc kết quả trả về sai. Vì vậy, bạn không nên sử dụng nó để kiểm tra version của trình duyệt nếu muốn lấy kết quả chính xác.

5. Window navigator kiểm tra hệ điều hành của client

Javascript cũng có thể xem hệ điều hành mà người dùng đang sử dụng bằng cách sử dụng thuộc tính

document.write("App Name: " + window.navigator.appName + "
");
document.write("Code Name: " + window.navigator.appCodeName);

3.

document.write("Hệ điều hành: " + navigator.platform);

6. Window navigator kiểm tra ngôn ngữ của trình duyệt

Mỗi trình duyệt có thể lựa chọn ngôn ngữ khác nhau và ta có thể kiểm tra bằng phương thức

document.write("App Name: " + window.navigator.appName + "
");
document.write("Code Name: " + window.navigator.appCodeName);

4.

document.write("Ngôn ngữ Browser: " + navigator.language);

Lời kết: Khi sử dụng đối tượng navigator bạn có thể lấy toàn bộ thông tin về trình duyệt và hệ điều hành của người dùng. Nếu bạn muốn lấy các thông tin đó lưu vào cơ sở dữ liệu thì hãy sử dụng Ajax nhé. Hoặc bạn có thể tạo một form ẩn, trong đó có các input hidden, và bạn sẽ dùng javascript để truyền dữ liệu vào các ô input đó, sau đó submit form. Khi sử dụng đối tượng navigator bạn có thể lấy toàn bộ thông tin về trình duyệt và hệ điều hành của người dùng. Nếu bạn muốn lấy các thông tin đó lưu vào cơ sở dữ liệu thì hãy sử dụng Ajax nhé. Hoặc bạn có thể tạo một form ẩn, trong đó có các input hidden, và bạn sẽ dùng javascript để truyền dữ liệu vào các ô input đó, sau đó submit form.

---

Đối tượng điều hướng cửa sổ

Đối tượng Điều hướng chứa thông tin về trình duyệt.navigator object contains information about the browser.

Đối tượng vị trí là một thuộc tính của đối tượng cửa sổ.location object is a property of the window object.

Đối tượng Điều hướng được truy cập với:navigator object is accessed with:

window.navigator hoặc chỉ

document.write("App Name: " + window.navigator.appName + "
");
document.write("Code Name: " + window.navigator.appCodeName);

6:

---

Thuộc tính đối tượng của Navigator

Tài sản	Sự mô tả
javaenables ()	Trả về đúng nếu trình duyệt đã bật Java
Taintenables ()	Đã loại bỏ trong JavaScript phiên bản 1.2 (1999).
Đối tượng điều hướng cửa sổ	Đối tượng Điều hướng chứa thông tin về trình duyệt.
Đối tượng vị trí là một thuộc tính của đối tượng cửa sổ.	Trả về đúng nếu cookie trình duyệt được bật
Địa lý	Trả về một đối tượng định vị địa lý cho vị trí của người dùng
ngôn ngữ	Trả về ngôn ngữ trình duyệt
Trực tuyến	Trả về đúng nếu trình duyệt trực tuyến
nền tảng	Trả về nền tảng trình duyệt
sản phẩm	Trả về tên động cơ trình duyệt
đại lý người dùng	Trả về trình duyệt tiêu đề của người dùng-tác nhân người dùng

Phương thức đối tượng điều hướng

Phương pháp	Sự mô tả
javaenables ()	Trả về đúng nếu trình duyệt đã bật Java
Taintenables ()	Đã loại bỏ trong JavaScript phiên bản 1.2 (1999).