css能判断手机是安卓还是ios吗?

css能判断手机是安卓还是ios吗?

css不能判断手机是安卓还是ios,css只能通过媒体查询判断屏幕宽度。判断是安卓还是ios需要使用javascript。

下面我们来看看使用javascript判断手机类型的代码(相关课程推荐:JS视频教程

// 判断安卓
function isAndroid() {
    var u = navigator.userAgent;
    if (u.indexOf("Android") > -1 || u.indexOf("Linux") > -1) {
        if (window.ShowFitness !== undefined) return true;
    }
    return false;
}
// 判断设备为 ios
function isIos() {
    var u = navigator.userAgent;
    if (u.indexOf("iPhone") > -1 || u.indexOf("iOS") > -1) {
        return true;
    }
    return false;
}

使用方法很简单

if( isAndroid() ) {
    alert('android');
}else if ( isIos() ) {
    alert('ios');
}else{
    alert('未知')
}
Image placeholder
前端答疑
未设置
  64人点赞

没有讨论,发表一下自己的看法吧

推荐文章
css能实现自动更换图片吗

css能实现自动更换图片吗css能实现自动更换图片,具体的做法是为每一张图片创建一个animation动画,设置不同的duration持续时间,再通过keyframes实现不透明度的变化,来实现更换图

.vue文件中可以写less吗?

.vue文件中可以写less吗?可以写less,但是前提是安装了less和less-loader。下面就简单介绍下载.vue中使用less的方法吧。1、首先使用npm下载依赖;npminstall--

Java Web需要用到css吗

JavaWeb需要用到css吗javaweb包括服务器和客户端,服务器不需要css,只是数据的处理。客户端需要用到css,因为网站开发需要使用css技术来美化页面。●CSS层叠样式表(英文全称:Cas

最新安卓零日漏洞被曝出,或影响谷歌、华为和小米等品牌手机

近日,据外媒BleepingComputer报道,谷歌威胁分析团队(TAG)称,一个最新的安卓0day漏洞或被用于攻击谷歌Pixel、华为、小米和三星以及OPPO等智能手机。 该漏洞是由谷歌Pro

和大型企业相比,小企业可能并不是安全的薄弱环节

拥有250名或更少员工的企业通常比规模较大的企业使用更高比例的安全从业人员。小型企业经常因为成为大型企业供应链攻击的门户而声名狼藉。但从一份关于小型企业安全的报告中可以看出,情况可能并非如此。作为(I

【CSS全解01】CSS基础-体系化学CSS

大纲 基础部分学习占比:HTML1%`CSS19%Javascript80%`(`基础部分?%框架?%`项目?%) CSS历史 AcidTestforbrowser CSS是艺术(非逻辑,用测试经验来

安卓被曝的严重漏洞是什么?

相信涉及用户隐私的网络安全问题,一直都是大家关注的焦点。近来,安卓被爆存在严重漏洞。那么,安卓被曝的严重漏洞到底是什么呢?原来,在安卓系统的相机App中,以色列的一家安全公司发现恶意软件可以通过存储访

别小瞧了 Linux,安卓、华为的自研系统,均源自 Linux!

众所周知,目前国内已有众多的国产系统,基本上均源自linux,以linux为基础进行二次开发。比如红旗linux、深度等等。但不知道为什么,一说起某系统是基于linux而来,很多网友就瞧不起,并且会觉

华为鸿蒙来了!八大亮点超越安卓,特殊情况随时可用!

大数据文摘编辑部出品鸿蒙OS来了!8月9日,在广东东莞举办的华为开发者大会HDC.2019上,华为消费者业务CEO余承东正式发布了“面向未来、多终端能力共享的操作系统”——鸿蒙HarmonyOS。鸿蒙

谷歌限制华为使用安卓服务!任正非首次回应美国禁令:半导体不卖给我们也没关系

大数据文摘编辑部出品5月19日,路透社援引单一匿名信源报道称,Google已经停止与华为之间除了开源以外的一切业务。也就是说,谷歌公司已经暂停了与华为公司的商业往来。据路透社报道:“华为只能使用安卓系

任正非:华为鸿蒙比安卓快60%

转自量子位|公众号QbitAI鸿蒙系统什么样?华为董事长任正非给出了一些新的消息。据《联合早报》报道,法国著名新闻周刊《观点》杂志,最新一期以任正非为封面,刊发了十五页的专题报道,标题:这个人将改变历

如何使用react做安卓app

如何使用react做安卓app一、首先,我们先创建一个react项目作为演示。1.全局安装create-react-app#全局安装 npminstall-gcreate-react-app2.构建一

不一样的css,sass(scss)的基本使用

前言此文主要记录sass的scss语法的基本使用。sass是css的预编译器,它扩展一些css所没有的变量的定义、条件控制、循环、自定义方法等。基础内容1.变量/*scss*/ //声明变量 $pri

jquery判断css文件是否存在?

jquery判断css文件是否存在?主要使用了ajax,通过请求css资源文件,根据http状态码来进行判断。状态码为200则存在,为404则不存在。检测 $("#btn").click(func

如何判断css加载完成?

如何判断css加载完成?要判断这个CSS文件是否加载完毕,各个浏览器的做法差异比较大。IE下可以直接使用onload事件来监听css加载。Firefox和webkit内核的浏览器,需要使用setTim

先加载css还是js?

先加载css还是js?先加载css,后加载js。因为css加载会阻塞浏览器渲染,为了打开网页白屏时间缩短,会优先选择加载css;后加载js是因为js中可能会修改dom元素,js加载会阻塞浏览器解析ht

css3.0和css2.0区别?

css3.0和css2.0区别?css3加强了css2的功能,增加了新的属性和新的标签,并且删除了一些冗余的标签,在布局方面减少了代码量。以前比较复杂的布局现在一个属性就搞定了(columns之类的属

css1和css2的区别是什么?

css1和css2的区别是什么?CSS1提供有关字体、颜色、位置和文本属性的基本信息,该版本已经得到了目前解析HTML和XML的浏览器的广泛支持。CSS2.0提供给我们了一个机制,让开发时可以不考虑显

css语言难学吗?

CSS难学吗?css入门容易,想学深还是挺难的;学习css需要多加练习。CSS为什么难学CSS属性很多,难以一次性记下来CSS属性之间互相影响,难以完全掌握CSS核心概念都写在文档中,但是如果不熟悉一

html和css难学吗?

什么是HTML?html是HyperTextMark-upLanguage的缩写,即超文本标记语言;html是网页的结构(Structure)。html是用来定义文档内容结构的,包含了用户需要浏览的内

css有不可继承属性吗?

css继承性:CSS继承可定义为特定的css属性向下传递到子孙元素,就是指被包在内部的标签将拥有外部标签的样式,即子元素可以继承父元素的属性。继承是一种规则,它允许样式不仅应用于某个特定html标签元

css3有内置图标吗?

css3有内置图标吗?css3没有内置图标,所有的图标都需要用户自己下载后使用。但是我们可以通过设置特殊字符,来实现图标的样式。(推荐学习:CSS视频教程)下面是一个特殊字符来代替图标的案例:

css属于脚本语言吗?

css属于脚本语言吗?css不属于脚本语言,它是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。另外HTML也不是脚本语言,HTML是超文本标记语言,用来描述文档结构的。脚本语言脚本

css不能嵌套吗?

css不能嵌套吗?原生的css不支持嵌套写法,但是我们可以使用css的扩展语言sass和less来实现嵌套。sass和less都是css的拓展语言,less和sass最主要的区别是less是通过Jav

css中font属性能不按顺序吗?

css中font属性能不按顺序吗?不能,font属性的书写必须按照顺序。css中的复合属性,有的可以不按照顺序,有的不行的,border的顺序可以乱,但是font的就不能乱。(推荐学习:CSS视频教程