关于web前端开发，区别用户使用的终端设备代码

灰太狼 2022-02-26 19:35 96阅读 0赞

对web前端开发，熟知不同的浏览器，的解析是基本技能，下面，我就向大家展示一下，如何获得当前用户所用的终端设备。车子一发动，请准备上车。。。。。。。。。。。。。。。。。。。

<script>
            //判断客户端的设备
            currentLang = navigator.language; //判断除IE外其他浏览器使用语言
            if(!currentLang) { //判断IE浏览器使用语言
                currentLang = navigator.browserLanguage;
            }
            //判断访问终端
            var browser = {
                versions: function() {
                    var u = navigator.userAgent,
                        app = navigator.appVersion;
                    return {
                        trident: u.indexOf('Trident') > -1, //IE内核
                        presto: u.indexOf('Presto') > -1, //opera内核
                        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                        iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                        iPad: u.indexOf('iPad') > -1, //是否iPad
                        webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
                    };
                }(),
                language: (navigator.browserLanguage || navigator.language).toLowerCase()
            }
    
            //browser.versions.trident返回真假，真则是IE内核，以此类推browser.versions.webKit是否为谷歌内核
            if(browser.versions.iPhone) {
                alert("我是苹果设备");
            }
            if (browser.versions.webKit) {
                alert("我是谷歌浏览器");
            }
            if (browser.versions.mobile) {
                alert("我是移动端");
            }else{
                alert("我是PC端");
            };
            if(browser.versions.trident){
                alert("我是IE浏览器");
            }
            if (browser.versions.presto) {
                alert("我是欧朋浏览器");
            }
            if (browser.versions.gecko) {
                alert("我是火狐浏览器");
            }
        </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，96人围观）

还没有评论，来说两句吧...

相关阅读

相关 web前端开发与iOS终端开发的异同

毕业之前一直在做前端开发，毕业后就转成做iOS开发，这两者有很多挺有意思的对比，尝试写下我能想到的它们的一些相同点和不同点。语言前端和终端作为面向用户端的程序，有个

缺乏、安全感/ 2023年10月17日 08:24/ 0 赞/ 61 阅读

相关 HTML5开发和web前端开发的区别与联系？

HTML5与Web前端什么关系，Web前端有哪些优势？Web前端就业怎么样?现在学习前端就业前景好吗?越来越多人了解Web前端，也有很多年轻人想进入到Web前端的行列，但是现在

た入场券/ 2023年01月15日 03:50/ 0 赞/ 151 阅读

相关 Linux终端设备驱动

文章来源：[http://blog.chinaunix.net/u3/94284/showart\_1981110.html][http_blog.chinaunix.net_

╰半夏微凉°/ 2022年07月12日 07:49/ 0 赞/ 235 阅读

相关 Linux终端设备驱动

文章来源：[http://blog.chinaunix.net/u3/94284/showart\_1981110.html][http_blog.chinaunix.net_

╰+哭是因爲堅強的太久メ/ 2022年07月12日 07:49/ 0 赞/ 267 阅读

相关关于web前端学习

HTML的学习： 1.HTML又可以叫做超文本标记(标签/元素)语言要注意html是一种标记语言而不是一种编程语言。 HTML使用标记签来描述网页 H

比眉伴天荒/ 2022年06月18日 11:10/ 0 赞/ 255 阅读

相关判断用户使用的是什么浏览器，是什么终端设备

(function getMobileDevice(window) { var ua = navigator.userAgent; //是否为移动端 var mobil

布满荆棘的人生/ 2022年06月11日 04:56/ 0 赞/ 252 阅读

相关 Web前端和后端开发的区别和要求

Web前端和后端开发的区别和要求 > 有时候自己会分不清，其实是因为前后端都了解，类似于全栈工程师，但又什么都不是很精通。那到底什么是前端、后端呢，我整理了一些企业要求级

墨蓝/ 2022年05月08日 08:48/ 0 赞/ 364 阅读

相关移动前端开发和web前端开发的区别？

如果说非要有区别的话应该就是开发的软件和方式不同，因为他们本来就不属于一端的东西，具体来看看下面： web前端开发 ![移动前端开发和web前端开发的区别？][web]

末蓝、/ 2022年04月05日 13:54/ 0 赞/ 306 阅读

相关关于web前端开发，区别用户使用的终端设备代码

对web前端开发，熟知不同的浏览器，的解析是基本技能，下面，我就向大家展示一下，如何获得当前用户所用的终端设备。车子一发动，请准备上车。。。。。。。。。。。。。。。。。。。

灰太狼/ 2022年02月26日 19:35/ 0 赞/ 97 阅读

相关 Linux终端设备详解

终端是一种字符型设备，它有多种类型，通常使用tty来简称各种类型的终端设备。tty是Teletype的缩写。Teletype是最早出现的一种终端设备，很象电传打字机（或者说就

浅浅的花香味﹌/ 2021年11月27日 07:24/ 0 赞/ 343 阅读