Blog này sẽ giải thích các cách tiếp cận để nhận tác nhân người dùng trong JavaScript.
Làm cách nào để có được tác nhân người dùng trong JavaScript?
Các ' đại lý người dùng ” cung cấp tiêu đề của tác nhân người dùng được trình duyệt gửi đến máy chủ. Tác nhân người dùng có thể được tìm nạp bằng cách sử dụng “ đại lý người dùng ” thuộc tính trong các tình huống khác nhau. Các kịch bản này như sau:
Ví dụ 1: Nhận tác nhân người dùng trong JavaScript bằng hàm do người dùng xác định
Ví dụ cụ thể này có thể được áp dụng để lấy tác nhân người dùng của hai trình duyệt khác nhau với sự trợ giúp của hàm do người dùng xác định.
Chúng ta hãy xem đoạn mã sau:
< h3 > Nhận tác nhân người dùng Trong JavaScript h3 >
< nút onclick = 'đại lý người dùng()' > Bấm vào để lấy Đại lý người dùng cái nút >
< mã h3 = 'lại' Phong cách = 'màu nền: lightblue;' > h3 >
Trong đoạn mã trên:
- Trong bước đầu tiên, hãy bao gồm tiêu đề đã nêu.
- Sau đó, tạo một nút có đính kèm “ trong một cái nhấp chuột ” sự kiện gọi hàm userAgent() do người dùng định nghĩa.
- Trong bước tiếp theo, hãy bao gồm tiêu đề với “ Tôi ” để chứa kết quả “ đại lý người dùng ”.
Hãy tiếp tục với phần JavaScript của mã:
hàm số đại lý người dùng ( ) {để cho lấy = hoa tiêu. đại lý người dùng ;
tài liệu. getElementById ( 'lại' ) . bên trongHTML = 'Tác nhân người dùng là:' + lấy ;
}
Trong mã js ở trên, hãy thực hiện các bước sau:
- Khai báo một hàm có tên là “ đại lý người dùng() ”.
- Theo định nghĩa của nó, hãy áp dụng “ đại lý người dùng ” sẽ trả về thông tin về tên của trình duyệt, phiên bản, v.v.
Đầu ra (Đối với trình duyệt Chrome)
Đầu ra (Đối với trình duyệt Microsoft Edge)
Từ các kết quả đầu ra ở trên, có thể quan sát thấy sự khác biệt của tác nhân người dùng trong cả hai trình duyệt.
Ví dụ 2: Nhận tác nhân người dùng trong JavaScript bằng câu lệnh chuyển đổi
Các ' công tắc ” câu lệnh được sử dụng để áp dụng các điều kiện khác nhau cho các hành động. Câu lệnh này có thể được áp dụng để áp dụng kiểm tra trên các trình duyệt khác nhau để trả về tác nhân người dùng tương ứng.
cú pháp
sợi dây. Chỉ số ( Tìm kiếm , bắt đầu )Trong cú pháp đã cho:
- “ Tìm kiếm ” đề cập đến chuỗi được tìm kiếm.
- “ bắt đầu ” cho biết vị trí bắt đầu.
Thí dụ
Hãy chuyển sang ví dụ sau.
Trong ví dụ sau, hãy thực hiện các bước sau:
- Bao gồm cái ' phần mở đầu ” để chứa thông báo kết quả.
- Tạo một chức năng và áp dụng “ công tắc ” tuyên bố với quy định “ boolean ” giá trị làm tham số của nó.
- Theo định nghĩa của nó, hãy áp dụng kiểm tra trên “ trình duyệt ” bằng cách xử lý ngoại lệ của “ -1 ” tức là không tìm thấy giá trị nào.
- Ngoài ra, hãy áp dụng “ Chỉ số() ” để kiểm tra chuỗi chứa trong tham số của nó trong tác nhân người dùng kết quả. Điều kiện này sẽ dẫn đến việc định cấu hình trình duyệt tương ứng.
- Sau đó, áp dụng “ đại lý người dùng ” tài sản cùng với “ toLowerCase() ” để lấy tác nhân người dùng của trình duyệt tương ứng và chuyển đổi nó thành chữ thường.
- Cuối cùng, áp dụng “ nội dung ” để hiển thị tên trình duyệt tương ứng cùng với tác nhân người dùng của nó.
< h3 > h3 >
thân hình >
- 1 :
trở về 'MS Cạnh' ;
trường hợp đại lý. Chỉ số ( 'edg/' ) > - 1 :
trở về 'Cạnh (dựa trên crom)' ;
trường hợp đại lý. Chỉ số ( 'opr' ) > - 1 && !! cửa sổ. opr :
trở về 'Opera' ;
trường hợp đại lý. Chỉ số ( 'trình duyệt Chrome' ) > - 1 && !! cửa sổ. trình duyệt Chrome :
trở về 'Trình duyệt Chrome' ;
trường hợp đại lý. Chỉ số ( 'cuộc đi săn' ) > - 1 :
trở về 'Cuộc đi săn' ;
mặc định : trở về 'khác' ;
} } )
( cửa sổ. hoa tiêu . đại lý người dùng . toLowerCase ( ) ) ;
tài liệu. bộ chọn truy vấn ( 'h3' ) . nội dung = 'Bạn đang sử dụng ' + tên trình duyệt + 'trình duyệt' ;
bảng điều khiển. đăng nhập ( cửa sổ. hoa tiêu . đại lý người dùng . toLowerCase ( ) ) ;
script >
Đầu ra (Dành cho trình duyệt Chrome)
Đầu ra (Đối với trình duyệt Microsoft Edge)
Trong các kết quả đầu ra ở trên, rõ ràng là cả hai trình duyệt đều được phát hiện cùng với các tác nhân người dùng của chúng.
Tất cả các cách tiếp cận thuận tiện đã được thảo luận để có tác nhân người dùng trong JavaScript.
Sự kết luận
Các ' đại lý người dùng ” có thể được tìm nạp cho các trình duyệt khác nhau với sự trợ giúp của “ đã xác định người dùng ” chức năng cũng như “ công tắc ” câu lệnh trong JavaScript. Ví dụ trước rất đơn giản và có thể được triển khai để lấy tác nhân người dùng của trình duyệt tương ứng và trả về nó dưới dạng tiêu đề. Cách tiếp cận thứ hai xử lý nhiều trình duyệt dựa trên giá trị chuỗi có trong chúng và trả về tác nhân người dùng của trình duyệt tương ứng. Bài viết này giải thích cách lấy tác nhân người dùng trong JavaScript.