如何使用JS来检测游览器是什么类型,或android是什么版本号- 转载

var brower = {
        versions:function(){
            var u = window.navigator.userAgent;
            var num ;
            if(u.indexOf(‘Trident‘) > -1){
                //IE
                return "IE";
            }else if(u.indexOf(‘Presto‘) > -1){
                //opera
                return "Opera";
            }else if(u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1){
                //firefox
                return "Firefox";
            }else if(u.indexOf(‘AppleWebKit‘ && u.indexOf(‘Safari‘) > -1) > -1){
                //苹果、谷歌内核
                if(u.indexOf(‘Chrome‘) > -1){
                    //chrome
                    return "Chrome";
                }else if(u.indexOf(‘OPR‘)){
                    //webkit Opera
                    return "Opera_webkit"
                }else{
                    //Safari
                    return "Safari";
                }
            }else if(u.indexOf(‘Mobile‘) > -1){
                //移动端
                if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){
                    //ios
                        if(u.indexOf(‘iPhone‘) > -1){
                            //iphone
                            return "iPhone"
                        }else if(u.indexOf(‘iPod‘) > -1){
                            //ipod
                            return "iPod"
                        }else if(u.indexOf(‘iPad‘) > -1){
                            //ipad
                            return "iPad"
                        }
                }else if(u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1){
                    //android
                    num = u.substr(u.indexOf(‘Android‘) + 8, 3);
                    return {"type":"Android", "version": num};
                }else if(u.indexOf(‘BB10‘) > -1 ){
                    //黑莓bb10系统
                    return "BB10";
                }else if(u.indexOf(‘IEMobile‘)){
                    //windows phone
                    return "Windows Phone"
                }
            }
        }
    }
brower.versions()

如何使用JS来检测游览器是什么类型,或android是什么版本号- 转载

时间: 2024-08-05 10:20:24

如何使用JS来检测游览器是什么类型,或android是什么版本号- 转载的相关文章

做webapp 使用JS来检测游览器是什么类型,或android是什么版本号

此文转自我的www.gbtags.com社区的文章. 做webapp还是微信游戏,特别是canvas,android上不同机器不同版本区别还是很大的.其实,我今天写了这个js,主要是来做js判断游览器类型,特别使用在android的和widnows phone上的 var brower = { versions:function(){ var u = window.navigator.userAgent; var num ; if(u.indexOf('Trident') > -1){ //IE

js判断游览器是移动端还是PC端

js判断网页游览器是移动端还是PC端 1 <script type="text/javascript"> 2 function browserRedirect() { 3 var sUserAgent = navigator.userAgent.toLowerCase(); 4 var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; 5 var bIsIphoneOs = sUserAgent.match(/

游览器对js加载的次序

直接看例子 <body> <script> console.log("first"); var script = document.createElement("script"); script.src = "js/test.js"; document.body.appendChild(script); //document.getElementsByTagName("head")[0].appendC

谷歌游览器对&lt;input type=&#39;file&#39;&gt; change只能响应1次解决和样式的改变

在项目过程中遇到的需要上传本地文件,file的原始控件不太美观,但是这个控件和button有点不太一样, 改变这个样式的思路就是在控件外面套一层链接,然后把file控件的透明度设置为0(透明).样式只需要对外面那层进行操作就行. html代码: <td style="text-align: left;"> <a href="javascript:;" class="file">选择文件 <input type=&qu

游览器保存密码和自动填充密码的困惑 (browser save password and auto fill password )

原文 refer : http://www.cnblogs.com/happyfreelife/p/4240100.html 当一个带有username and password 的表单被提交, 游览器会智能的询问用户是否要保存密码. 如果开发人员不希望这“智能”的事儿,可以使用ajax去提交表单,这样游览器就不会“智能”了. “ 当允许浏览器保存该网站的密码之后,下次打开该网站的任何一个页面时,浏览器会自动检测该页面是否有 password元素 ,如果有或者有多个,则自动填充对应的上次已保存的

[borwser window窗口大小 算是screen补充吧]主要因为移动IE游览器 写了个兼容

先上图吧 来上代码 1 console.log(window.outerWidth + '--' + window.outerHeight);//只读的整数,声明了整个窗口的XY 2 3 var width = window.innerWidth; 4 var height = window.innerHeight; 5 console.log("window.inner--" + width+ '--' + height); 6 console.log('-------------'

游览器渲染浅析

前提知识 游览器构成 游览器内核 游览器内核也称渲染引擎,主要有3种: Trident内核: IE Webkit内核:Chrome,Safari Gecko内核:FireFox 解析前的工作 DNS域名解析 建立TCP连接 发送HTTP请求 服务器处理请求 返回响应结果 关闭TCP连接 浏览器解析 关键渲染路径 浏览器从最初接收请求来的HTML.CSS.javascript等资源,然后解析.构建树.渲染布局.绘制,最后呈现给客户能看到的界面这整个过程--简单来说,就是对游览器渲染过程的描述. 渲

纯CSS无hacks的跨游览器多列布局

利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全游览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证. 问题的症结所在 如上图所示,由于各列的内容不一致导致其背景的高度也不统一.而背景实质上是内容(标准的盒子模型是由内容区,补白区,边框区与边界区组成,背景存在于前三者中:IE为前两者)的自适应的问题.再转化一下,如何撑大那些较短的列的高度,让所有列的高度等于最高的列的高度?这个,的确很

移动端游览器自适应代码

移动端游览器自适应调整 1 <script type="text/javascript">// <![CDATA[ 2 var jsVer = 28; 3 4 var phoneWidth = parseInt(window.screen.width); 5 6 var phoneScale = phoneWidth / 640; 7 8 var ua = navigator.userAgent; 9 10 if (/Android (\d+\.\d+)/.test(