This site uses cookies to deliver our services. By using this site, you acknowledge that you have read and understand our Cookie and Privacy policy. Your use of Kontext website is subject to this policy. Allow Cookies and Dismiss

在网页中通过userAgent获取手机获取手机操作系统类型

1392 views 0 comments last modified about 7 years ago Raymond Tang Fahao

In this page

说明

本文介绍如果在JavaScript中根据手机浏览器提供的信息userAgent判断手机操作系统的类型,并执行相应的操作。

原理

通过navigator的userAgent属性判断是否包含特定手机平台的信息;通过JavaScript正则表达式test方法进行匹配判断。

HTML代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>手机跳转</title>
    <script language="javascript" type="text/javascript">
        function checkOS() {
            //默认的地址
            var defaultUrl = 'index.htm';
            //如果检测到是Android系统需要跳转的地址
            var androidUrl = 'android.htm';
            //如果检测到是iphone/ipod需要跳转的地址
            var iphoneUrl = 'iphone.htm';
            //symbian跳转地址
            var symbianUrl = 'symbian.htm';
            //windows phone跳转地址
            var windowsPhoneUrl = 'winphone.htm';
            var url = '';
            var ua = (navigator.userAgent || navigator.vendor || window.opera);
            if (ua!=null) {
                var uaName = ua.toLowerCase();
                if (/android/i.test(uaName)) url = androidUrl;
                else
                {   if (/ip(hone|od)/i.test(uaName)) url = iphoneUrl;
                    else {
                    if (/symbian/i.test(uaName)) url = symbianUrl;
                        else {
                            if (/windows (ce|phone)/i.test(uaName))  url = windowsPhoneUrl;
                            else url = defaultUrl;
                        }
                    }
                }
                //document.writeln(uaName);
            }
            else { url = defaultUrl; }
            window.location.href = url;
        }
    </script>
</head>
<body onload='checkOS();'>
test
</body>
</html>

Related pages

Issue - Unable to get property 'apply' of undefined or null reference occurred in Angular 4.*, VS2017 15.3, ASP.NET Core 2.0

6815 views   10 comments last modified about 2 years ago

Issue Context After installed Visual Studio 2017 15.3 preview and .net core 2.0 preview SDK, I upgraded one of my existing asp.net core project to 2.0. The project was created using ‘dotnet new angular’ SPA template.&nbsp; I also upgraded all the client app packages to the latest. For exa...

View detail

[Link] Build SPA on ASP.NET Core with JavaScript Services

455 views   0 comments last modified about 2 years ago

Great introduction about JavaScriptServices ( JavaScriptServices GitHub repository ): Microsoft.AspNetCore.SpaTemplates plugs into dotnet new , providing project templates for Angular 2, Aurelia, Knockout...

View detail

input submit input text css的写法

111 views   0 comments last modified about 10 years ago

本文介绍如何修改input控件submit以及text不同类型的样式。

View detail

JavaScript版本的杨辉三角

271 views   0 comments last modified about 9 years ago

前几天帮一个学弟写的,JavaScript版本的杨辉三角,其实和其他C、Java等等版本的都差不多。代码如下:

View detail

在.Net中使用msxsl:script脚本块扩展XSLT的具体实践与应用

340 views   0 comments last modified about 9 years ago

一概述XSLT可以用于将XML格式的数据转换为其它格式,在数据和展示分开以及数据相互转换中可以得到广泛的应用,比较典型的是以前的动网论坛模板系统以及动易的标签系统。掌握好XSLT可以灵活的处理XML,同时运用在Web应用程序中也非常的方便,不过缺点是使用者需要掌握大量的XPath、XSLT、XML等相关知识。

View detail

My First Silverlight Applet: Silverlight + xml 图片轮换展示效果

261 views   2 comments last modified about 9 years ago

这是自己的第一个Silverlight程序,没有专门的学习过Silverlight,界面效果不是很好(很丑 ),全是凭自己的感觉以及对xml和winform的了解转移到Silverlight上来的,效果参考了网上经常可以看到的Flash+Xml 图片或者广告轮番展示效果,不过我这个功能暂时不是很强大,仅仅是实现了最初的功能,以后再慢慢修改,效果参看 www.polarlight.net/D...

View detail

Add comment

Please login first to add comments.  Log in New user?  Register

Comments (0)

No comments yet.