前端写web页面的时候会遇到安卓手机与iOS手机页面展示不一样,还有就是在写APP的时候,此时就会遇到判断手机类型。那么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('未知')

}

本文来自css3答疑栏目,欢迎学习!

安卓也是html写的么,css能判断手机是安卓还是ios吗?相关推荐

  1. android iphone css,css能判断手机是安卓还是ios吗?

    前端写web页面的时候会遇到安卓手机与iOS手机页面展示不一样,还有就是在写APP的时候,此时就会遇到判断手机类型.那么css能够判断手机类型是安卓还是ios吗? css能判断手机是安卓还是ios吗? ...

  2. 判断浏览器是否是微信,判断手机是安卓还是ios

    1.判断手机是安卓还是ios const u = navigator.userAgent; const iOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) ...

  3. 判断手机是安卓还是苹果

    var ua = navigator.userAgent;var isAndroid = /(?:Android)/.test(ua);var isPhone = /(?:iPhone)/.test( ...

  4. 扫二维码时判断手机是安卓还是IOS

    1.使用情景,有个需要扫描二维码下载的APP,需要区分IOS和安卓,跳转到相应的下载链接去 var browser = { versions: function() { var u = navigat ...

  5. js判断手机是苹果(IOS)还是安卓(android)

    var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > - ...

  6. win10兼容android下载安装,Win10手机运行安卓App兼容工具下载!

    [PConline 资讯]不久前有人从泄漏的Windows 10手机版build 10240中,解包出了微软内置的可以让Windows 10手机版兼容安卓App的模块,详情可以点此查看.不过,Wind ...

  7. 安卓输入法弹出后css横屏,mui开发安卓端,输入法软键盘导致css横屏样式判断触发...

    mui开发安卓端,输入法软键盘导致css横屏样式判断触发 mui开发安卓端,输入法软键盘导致css横屏样式判断触发 css 横屏媒体查询 @media screen and (orientation: ...

  8. [css] 如何写高效的CSS?

    [css] 如何写高效的CSS? 唔,自动补全.预编译这些辅助手段确实能提升一定的效率, 但我觉得真正能提升效率的是,不看预览就敢上手的理论知识. 见过太多加几行就要预览下效果的开发了,哪怕给他双屏其 ...

  9. 手写选中框css,对勾css✔️

    手写选中框css效果 // html <div class="car-my-self clear"><div class="select-btn&quo ...

最新文章

  1. mysql5.7与8.0用那个_MySQL 5.7 vs 8.0,哪个性能更牛?
  2. Android常用控件之Fragment仿Android4.0设置界面
  3. Linux uniq命令
  4. webplugin 没有画面_[问题记录] webpack devServer HtmlWebpackPlugin 没有加载 js、css
  5. mat-form-field must contain a MatFormFieldControl错误的解决方法
  6. mysql 实时恢复_MySQL实时在线备份恢复方案:Replication+LVM Snapsho
  7. 仿listBox写了一个Control控件为item的列表集合
  8. mysql monitor怎么用_MySQL 监控工具 mysql-monitor 详解
  9. MAC系统下jmeter安装教程
  10. 基于electron和ffmpeg下载rtmp直播流
  11. Unity 3D 热更新之基于 Asset Bundle Browser 的 AssetBundle包
  12. 机器学习模型度量方法,分类及回归模型评估
  13. 转载 - Linux使用技巧锦集
  14. 适当修改LIO-SAM_based_relocalization解决初始重定位显示错误
  15. 【软考-中级】系统集成项目管理工程师-【3信息系统集成专业技术知识】
  16. 我与编程,编程予我。
  17. 信息安全-Ping扫描与抓包分析
  18. 网页设计html2017体会,2017网页设计实习报告
  19. 自学php看什么视频,PHP自学要多久?看了这11部php视频教程,你就是高手
  20. selenium 实战模拟登陆

热门文章

  1. PHP入门part1
  2. 理解CSRF(跨站请求伪造)
  3. 基本STRUTS标签-学习笔记-Bean标签
  4. 事务,动态代理,连接池
  5. 关于前端学习和笔试面试的总结
  6. oracle 的用户是什么,User 用户 还是 Role 角色 - Oracle 的 Public 是什么?
  7. java8 两个list合并_深入介绍和使用 Java 8 的 Collector 接口和 Collectors 工具类
  8. 服务器上文件夹没有共享,服务器没有共享文件夹
  9. 乐山计算机学校新歌王,星歌王第二季乐山市计算机学校专场赛决赛完美落幕!...
  10. bypass最新版d盾mysql_Bypass D盾_IIS防火墙SQL注入防御(多姿势)