<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div id="example"></div>
</body>
<script>
txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
//浏览器代号: Mozilla
txt += "<p>浏览器名称: " + navigator.appName + "</p>";
//浏览器名称: Netscape
txt += "<p>浏览器版本: " + navigator.appVersion + "</p>";
//浏览器版本: 5.0 (Macintosh; Intel Mac OS X 10_15_7)
// AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
txt += "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
//启用Cookies: true
txt += "<p>硬件平台: " + navigator.platform + "</p>";
//硬件平台: MacIntel
txt += "<p>用户代理: " + navigator.userAgent + "</p>";
//用户代理: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7)
// AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
txt += "<p>用户代理语言: " + navigator.language + "</p>";
//用户代理语言: zh-CN
document.getElementById("example").innerHTML = txt;
document.write("可用宽度: " + screen.availWidth);
//页面显示的是==>>可用宽度: 1440
document.write("可用高度: " + screen.availHeight);
//页面显示的是==>>可用高度: 900
</script>
</html>
运行结果