前端写 web 页面的时候会遇到安卓手机与 iOS 手机页面展示不一样, 还有就是在写 App 的时候, 此时就会遇到判断手机类型. 那么 CSS 能够判断手机类型是安卓还是 iOS 吗?
CSS 不能判断手机是安卓还是 iOS,CSS 只能通过媒体查询判断屏幕宽度. 判断是安卓还是 iOS 需要使用 JavaScript.
下面我们来看看使用 JavaScript 判断手机类型的代码 (相关课程推荐: JS 视频教程 https://www.html.cn/js/video/ )
- // 判断安卓
- function isAndroid() {
- var u = navigator.userAgent;
- if (u.indexOf("Android")> -1 || u.indexOf("Linux")> -1) {
- if (Windows.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 答疑 https://www.html.cn/qa/css3/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/css3/15250.html