Thuộc tính userAgent của trình điều hướng HTML trả về giá trị của tiêu đề tác nhân người dùng do trình duyệt gửi đến máy chủ.
Cú pháp
Sau đây là cú pháp -
navigator.userAgent
Hãy để chúng tôi xem một ví dụ về thuộc tính userAgent của trình điều hướng HTML -
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
text-align: center;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 20px;
width: 330px;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
.show {
font-size: 1.2rem;
color: #fff;
}
</style>
<body>
<h1>HTML navigator userAgent property Demo</h1>
<button class="btn" onclick="display()">Show user-agent header value</button>
<div class="show"></div>
<script>
function display() {
document.querySelector(".show").innerHTML = "<p>Browser user-agent header value is:</p>" + "<p>" + navigator.userAgent + "</p>";
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Hiển thị giá trị tiêu đề tác nhân người dùng ”Để hiển thị giá trị tiêu đề tác nhân người dùng của trình duyệt -
