Trong bài hướng dẫn tự học lập trình JavaScript này, bạn sẽ tìm hiểu về thuộc tính navigator trong window

*

1. Navigator là gì?

Thuộc tính navigator trong window (tức là window.navigator) là một tham chiếu đến một đối tượng Navigator.

Bạn đang xem: Navigator là gì

Nó là thuộc tính chỉ đọc chứa thông tin về trình duyệt của người dùng.

Window là một đối tượng toàn cục và nó nằm trên cùng của chuỗi phạm vi, nên các thuộc tính của đối tượng Window như window.navigator có thể được truy cập mà không cần đến tiền tố window.

Ví dụ window.navigator.language có thể được viết dưới dạng navigator.language.

Phần tiếp sau đây bạn sẽ được học cách sử dụng thuộc tính navigator để lấy các thông tin khác nhau về trình duyệt của người dùng.

2. Phát hiện xem trình duyệt đang online hay offline

Bạn có thể sử dụng thuộc tính navigator.onLine để phát hiện trình duyệt (hoặc, ứng dụng) đang online hay offline.

Thuộc tính này trả về giá trị true nghĩa là online hoặc false nghĩa là offline.

Kiểm tra kết nối

Trình duyệt kích hoạt các sự kiện online và offline khi kết nối inteđược thiết lập hoặc bị mất.

Dựa theo kết quả đó, bạn có thể thêm các chức năng xử lý vào các sự kiện này để tùy chỉnh trang web / ứng dụng của mình cho các tình huống online, offline phù hợp.

Bạn có thể sử dụng navigator.cookieEnabled để kiểm tra xem cookie có được bật trong trình duyệt của người dùng hay không.

Thuộc tính này trả về giá trị true nếu cookie được bật hoặc false nếu không.

Kiểm tra kết nối Cookie

Mẹo: Bạn nên sử dụng thuộc tính navigator.cookieEnabled để xác định xem cookie có được bật hay không trước khi tạo hoặc sử dụng cookie trong chương trình JavaScript của bạn.

4. Phát hiện ngôn ngữ của trình duyệt

Bạn có thể sử dụng thuộc tính navigator.language để phát hiện ngôn ngữ của trình duyệt mà người dùng đang sử dụng.

Thuộc tính này trả về một chuỗi đại diện cho ngôn ngữ, ví dụ: “en”, “en-US”, v.v.

Kiểm tra ngôn ngữ

5. Lấy thông tin về tên và phiên bản của trình duyệt

Đối tượng Navigator có năm thuộc tính chính cung cấp thông tin về tên và phiên bản về trình duyệt của người dùng.

Xem thêm: Olymp Trade Là Gì – đánh Giá Chi Tiết Nhất Về Olymp Trade

Hãy thử một ví dụ dưới đây:

Lấy thông tin trình duyệt

Thử chạy nó trên trình duyệt của bạn xem thế nào nhé.

Mô tả các thuộc tính:

+ appName – Trả về tên của trình duyệt. Nó luôn trả về “Netscape”, trong bất kỳ trình duyệt nào.

+ appVersion – Trả về số phiên bản và thông tin khác về trình duyệt.

+ appCodeName – Trả về tên mã của trình duyệt. Nó trả về “Mozilla”, cho tất cả các trình duyệt.

+ userAgent – Thuộc tính này thường chứa tất cả thông tin trong cả appCodeName và appVersion.

+ platform – Trả về nền tảng mà trình duyệt đang chạy (ví dụ: “Win32”, “WebTV OS”, v.v.)

Như bạn có thể thấy khi chạy ví dụ, giá trị được trả về bởi các thuộc tính này bị sai lệch và không đáng tin cậy. Vì thế, bạn không nên sử dụng nó để lấy thông tin trình duyệt người dùng làm gì.

6. Kiểm tra trình duyệt có bật Java hay không

Bạn có thể sử dụng phương thức javaEnabled() để kiểm tra xem trình duyệt hiện tại có hỗ trợ Java hay không.

> Tham khảo: KHÓA HỌC JAVA WEB (Full Stack) nếu bạn yêu thích ngôn ngữ Java và muốn phát triển lâu dài với nó.

Phương thức này chỉ đơn giản cho biết tùy chọn điều khiển Java đang ON hay OFF.

Kiểm tra xem Java được bật hay chưa

Nó không tiết lộ cho chúng ta biết liệu trình duyệt có cung cấp hỗ trợ Java hay Java cóđược cài đặt trên hệ thống của người dùng hay không.

> Và đừng quên, nếu muốn học lập trình web bài bản, thành nghề thì KHÓA HỌC LẬP TRÌNH FULL STACK này là một lựa chọn tốt nhất.

Ý kiến học viên

Kiến thức học tại NIIT – ICT Hà Nội giúp mình có lợi thế rất lớn đối với công việc Marketing tại VTC Mobile mà hiện tại mình theo đuổi. Chúc NIIT – ICT Hà Nội ngày càng phát triển ^^.

Xem thêm: Iqf Là Gì – Hệ Thống Băng Chuyền Cấp Đông

Trần Ngọc Quỳnh – Marketing – VTC Mobile

Mình thấy rằng chất lượng đào tạo luôn được NIIT – ICT Hà Nội coi trọng. Cái mình học được ở đây là cách suy nghĩ như một lập trình viên, áp dụng CNTT để làm việc mình yêu thích.

Nguyễn Thành Luân – Graphics Designer tại Reface Studio

Quãng thời gian học tại NIIT – ICT Hà Nội đã giúp mình trưởng thành rất nhiều. Hiện tại nghiệp code cũng khá là suôn sẻ. Chúc các em khóa sau học thật tốt nhé!

Chuyên mục: Hỏi Đáp