<!DOCTYPE html>
<html lang="en">
<head>
<title>獲取瀏覽器 UserAgent</title>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
<meta name="format-detection" content="telephone=no">
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</head>
<body>
<div id="content_layout">
<form name="Browser">
<div>
瀏覽器名稱:
<div id="name"></div>
</div>
<div>
版本號:
<div id="Version"></div>
</div>
<div>
代碼名稱:
<div id="Code"></div>
</div>
<div>
用戶代理標識:
<div id="Agent"></div>
</div>
<div>
Header:
<div id="header"></div>
</div>
</form>
</div>
</body>
<script type="text/javascript">
$("#name").html(navigator.appName);
$("#Version").html(navigator.appVersion);
$("#Code").html(navigator.appCodeName);
$("#Agent").html(navigator.userAgent);
$("#header").html(getHeaders());
function getHeaders() {
var req = new XMLHttpRequest();
req.open('GET', document.location.href, false);
req.send(null);
var headerArr = req.getAllResponseHeaders().split('\n');
var headers = {};
headerArr.forEach(item => {
if (item !== '') {
var index = item.indexOf(':');
var key = item.slice(0, index);
var value = item.slice(index + 1).trim();
headers[key] = value
}
})
return headers
}
var requests;
this.xhr = sinon.useFakeXMLHttpRequest();
this.xhr.onCreate = function(xhr) {
requests.push(xhr);
}
console.log(requests[0].requestHeaders);
</script>
</html>