`

html页面识别当前系统和语言

阅读更多

项目中需要一个下载功能,根据系统跳转到不同的页面,如iphone跳转到IOS页面,android跳转到android页面。

下面为页面判断页面:

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>手机APP下载页面:根据终端辨别下载地址</title>
    <script type="text/javascript">
        // 获取终端的相关信息
        var Terminal = {
            // 辨别移动终端类型
            platform : function(){
                var u = navigator.userAgent, app = navigator.appVersion;
                
                return {
                    //IE内核
                    windows: u.indexOf('Windows') > -1, 
                    //opera内核 
                    presto: u.indexOf('Presto') > -1, 
                    //苹果、谷歌内核
                    webKit: u.indexOf('AppleWebKit') > -1, 
                    //火狐内核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, 
                    //是否为移动终端
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), 
                    //ios终端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), 
                    //android终端或者uc浏览器
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, 
                    //是否iPad
                    iPad: u.indexOf('iPad') > -1, 
                    //是否为iPhone或者QQHD浏览器
                    iPhone: u.indexOf('iPhone') > -1,
                    //是否为mac系统
                    Mac: u.indexOf('Macintosh') > -1, 
                    //是否web应该程序,没有头部与底部
                    webApp: u.indexOf('Safari') == -1 
                };
            }(),
            // 辨别移动终端的语言:zh-cn、en-us、ko-kr、ja-jp...
            language : (navigator.browserLanguage || navigator.language).toLowerCase()
        }

    
        // 根据不同的终端,跳转到不同的地址
        var sysName;
        var lagName;
        var theUrl = 'http://www.baidufe.com';
        if (Terminal.platform.android) {
            sysName = "android";
        }else if(Terminal.platform.iPhone){
             sysName = "iPhone";
        }else if (Terminal.platform.iPad) {
            sysName = "iPad";
        }else if(Terminal.platform.windows){
            sysName = "windows";
        }else if(Terminal.platform.Mac){
            sysName = "Mac";
        }else if(Terminal.platform.gecko){
            sysName = "fireFox";
        }else if(Terminal.platform.mobile){
            sysName = "mobile";
        }else{
            sysName = "unknown";
        }
        
        // 还可以通过language,区分开多国语言版
        switch(Terminal.language){
            case 'zh-cn':
                lagName = "中文";
                break;
            case 'ko-kr':
                lagName = "韩文";
                break;
            case 'ja-jp':
                lagName = "日文";
                break;
            default:
                lagName = "默认英文";
        }
        
        document.write("<h3>系统:"+sysName+"<br/>语言:"+lagName+"</h3>");
    
        //location.href = theUrl;
    </script>
</head>
<body>
</body>
</html>

参考: http://www.baidufe.com/item/92457b4d0bfde1effa40.html

分享到:
评论
1 楼 ls0609 2017-08-04  
HTML网页端实现语音识别语义理解(speex压缩语音)
http://blog.csdn.net/ls0609/article/details/73920229

相关推荐

    HTML人脸识别案例

    在这个案例中,用户可以通过HTML页面调用设备的摄像头,实时捕获人脸图像,并将其上传至服务器。服务器端随后会利用第三方人脸识别API,如百度的人脸识别服务,进行图像处理和识别。 首先,我们从HTML部分开始。...

    i18next html 国际化

    前段页面的国际化,运用jquery-i18next js做国际化处理,i18n实现前端国际化,页面的多语言切换,本例切换了中英文,运用cookie存取使得刷新页面仍然保持当前语言 1、通过请求不同的语言文件,达到国际化前端的效果...

    超简单web页面国际化多语言

    5. **动态加载**:根据当前语言加载对应的文本资源,确保用户看到的是其理解的语言版本。 6. **日期和数字格式化**:不同的地区有不同的日期和数字格式,例如,美国使用MM/DD/YYYY,而欧洲则使用DD/MM/YYYY。使用...

    html 网页 页面 内 跳转

    在HTML(超文本标记语言)中,网页页面内的跳转是一项基本且重要的功能,它允许用户在不离开当前页面的情况下浏览页面的不同部分。这通常通过锚点链接(Anchor Links)来实现,对于创建用户友好的长页面或者导航结构...

    asp版 HTML的企业网站系统(万客隆)

    该企业网站系统基于HTML,HTML是超文本标记语言,是网页设计的基础,负责定义网页的结构和内容。HTML5是当前最广泛采用的标准,它引入了新的元素和API,增强了网页的互动性和多媒体支持。在ASP版的HTML企业网站中,...

    印度手语手势识别_HTML_Python_下载.zip

    本项目“印度手语手势识别_HTML_Python_下载.zip”正是这样一个尝试,它结合了HTML和Python的力量,创建了一个交互式的系统,使得用户能够通过网页进行手势输入,系统则能实时识别并回馈信息。 首先,我们需要了解...

    毕业设计:python基于深度学习的交通标志识别系统(源码 + 数据库 + 说明文档) 太多存百度云盘

    该毕业设计项目是构建一个使用Python语言和深度学习技术的交通标志识别系统。系统包括源码、数据库以及详细的说明文档,并且该项目被存储在百度云盘上。接下来将详细介绍此项目所涉及的关键知识点。 1. 开发工具及...

    html+js手机端拍照二维码跳转网页,pc端选择二维码跳转网页

    本项目标题为“html+js手机端拍照二维码跳转网页,pc端选择二维码跳转网页”,这表明我们要探讨的是如何使用HTML和JavaScript技术在手机和PC两端实现二维码识别并跳转至特定网页的功能。下面我们将详细介绍这个过程...

    自动识别HTML代码里的图片链接 (代码行)

    这段代码是用于自动识别HTML代码中的图片链接,并将这些图片下载到服务器的指定目录。它包含了一个名为`...同时,它也展示了如何处理和替换字符串中的特定模式,这对于处理HTML或其他标记语言的文本非常有用。

    yolov5在线检测目标检测网页实时识别python目标检测flask

    描述中提到的“python目标检测flask”指的是使用Python编程语言和Flask框架来构建一个Web服务,实现目标检测功能。Flask是一个轻量级的Python Web服务器网关接口(WSGI)应用框架,非常适合用于快速开发小型Web应用...

    百度人脸识别前段代码

    在当前的数字化时代,人脸识别技术已经广泛应用于各个领域,如安全监控、支付验证、门禁系统等。在这个项目中,我们将探讨一个基于百度人工智能(AI)平台的前端人脸识别代码实现。百度提供了强大的人脸识别API,...

    html+JavaScript网页批注.zip

    HTML和JavaScript是构建网页动态交互的核心技术,它们在实现网页批注功能中起着至关重要的作用。本项目的需求是创建一个类似Word中的批注功能,允许用户选中文本并在其两侧添加自定义标记,同时将批注内容存储在...

    IE11_64位中文语言包

    2. 系统将自动检测当前的IE版本,并提示你是否安装语言包。 3. 按照屏幕上的指示完成安装过程。 4. 安装完成后,需重启计算机以使更改生效。 5. 重启后,IE11的语言将变为中文。 **注意事项** - 确保您的系统为64...

    PHP 国际化 多语言

    3. 包装函数:创建一个函数,用于在代码中调用翻译文本,该函数会根据当前语言加载相应的语言文件。 4. 文档结构:将网站的静态文本(如按钮、标题等)从HTML模板中分离出来,便于翻译。 5. 存储和切换:保存用户...

    HTML和URL比较

    4. **执行测试**:运行测试场景,观察服务器的性能指标,如响应时间、事务速率和系统资源利用率。 5. **结果分析**:分析测试结果,识别性能瓶颈和异常行为,可能需要深入研究HTML和URL的细节来找出问题所在。 通过...

    CodeIgniter实现独立Url的多语言网页(有利SEO优化)

    5. **视图和模板**: 在视图层,我们可以创建多套模板分别对应不同语言,并在加载视图时根据当前语言选择正确的模板。CodeIgniter的视图助手函数(如 `load_view()`)可以轻松实现这一点。 6. **URI段处理**: ...

    Delphi实现自动发贴和识别验证码王泽宾.pdf

    总之,通过Delphi开发的自动发帖和验证码识别系统展示了Web自动化和图像处理在实际问题中的应用。这种技术不仅限于游戏点卡交易站点,也可以应用于各种需要自动化填写表单和验证身份的场合,但同时也需要注意遵循...

    PHP实例开发源码—phpSysInfo 主机系统信息查看 多国语言版.zip

    它能够嵌入到HTML中,为网页添加动态内容和交互性。PHP 支持多种数据库连接,如 MySQL,还提供了丰富的函数库,便于处理各种任务。 phpSysInfo 的核心功能包括: 1. **硬件信息**:显示CPU型号、核心数、频率等,...

Global site tag (gtag.js) - Google Analytics