获取客户端参数操作系统信息对于一些网站运营来说可能是很有用的信息,比如针对不同操作系统的用户可以进行不同的推荐或者展示。在ASP.net中获取客户端参数操作系统信息可以通过以下步骤实现:
- 在 ASP.net 页面的 header 部分添加以下代码块:
<script type="text/javascript">
function detectOS() {
var OSName = "Unknown OS";
if (navigator.userAgent.indexOf("Win") != -1) {
if (navigator.userAgent.indexOf("Windows NT 10.0") != -1) {
OSName = "Windows 10";
}
else if (navigator.userAgent.indexOf("Windows NT 6.3") != -1) {
OSName = "Windows 8.1";
}
else if (navigator.userAgent.indexOf("Windows NT 6.2") != -1) {
OSName = "Windows 8";
}
else if (navigator.userAgent.indexOf("Windows NT 6.1") != -1) {
OSName = "Windows 7";
}
else if (navigator.userAgent.indexOf("Windows NT 6.0") != -1) {
OSName = "Windows Vista";
}
else if (navigator.userAgent.indexOf("Windows NT 5.1") != -1) {
OSName = "Windows XP";
}
else if (navigator.userAgent.indexOf("Windows NT 5.0") != -1) {
OSName = "Windows 2000";
}
}
else if (navigator.userAgent.indexOf("Mac") != -1) {
OSName = "Mac/iOS";
}
else if (navigator.userAgent.indexOf("X11") != -1) {
OSName = "UNIX";
}
else if (navigator.userAgent.indexOf("Linux") != -1) {
OSName = "Linux";
}
document.getElementById("os-info").innerHTML = "Operating System: " + OSName;
}
window.onload = detectOS;
</script>
- 在页面设置一个展示信息的元素,比如
<div>
标签,并给这个元素设置一个 id,比如os-info
,在上面的代码块中我们会根据操作系统类型设置这个元素的 innerHTML。
例如:
<div id="os-info"></div>
在使用完以上两步后,当用户访问该页面时,就会显示出该用户所使用的操作系统的信息了。
下面提供一个使用AngularJS的示例:
- 在app.js中定义一个控制器:
app.controller("OSInfoController", function($scope) {
$scope.detectOS = function() {
var OSName = "Unknown OS";
if (navigator.userAgent.indexOf("Win") != -1) {
if (navigator.userAgent.indexOf("Windows NT 10.0") != -1) {
OSName = "Windows 10";
}
else if (navigator.userAgent.indexOf("Windows NT 6.3") != -1) {
OSName = "Windows 8.1";
}
else if (navigator.userAgent.indexOf("Windows NT 6.2") != -1) {
OSName = "Windows 8";
}
else if (navigator.userAgent.indexOf("Windows NT 6.1") != -1) {
OSName = "Windows 7";
}
else if (navigator.userAgent.indexOf("Windows NT 6.0") != -1) {
OSName = "Windows Vista";
}
else if (navigator.userAgent.indexOf("Windows NT 5.1") != -1) {
OSName = "Windows XP";
}
else if (navigator.userAgent.indexOf("Windows NT 5.0") != -1) {
OSName = "Windows 2000";
}
}
else if (navigator.userAgent.indexOf("Mac") != -1) {
OSName = "Mac/iOS";
}
else if (navigator.userAgent.indexOf("X11") != -1) {
OSName = "UNIX";
}
else if (navigator.userAgent.indexOf("Linux") != -1) {
OSName = "Linux";
}
$scope.osInfo = "Operating System: " + OSName;
};
window.onload = $scope.detectOS;
});
- 在页面上设置展示信息的元素,并使用 ng-bind 属性绑定
osInfo
状态:
<div ng-app="myApp" ng-controller="OSInfoController">
<div ng-bind="osInfo"></div>
</div>
通过以上两步,我们就可以在页面上展示当前登录客户端的操作系统信息了。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:ASP.net中获取客户端参数操作系统信息 - Python技术站