美文网首页工具癖web开发程序员
HTML 如何判断当前设备

HTML 如何判断当前设备

作者: 1994陈 | 来源:发表于2018-10-10 10:35 被阅读59次

需要根据不同的设备进行不同的操作和跳转,所以判断当前设备是非常重要的事情。

说明:代码取自网络

/mete设置/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="TEMPLATE">
<meta name="Keywords" content="TEMPLATE">
<meta name="Description" content="TEMPLATE">
<title>Title</title>
</head>
<body>
<script type="text/javascript">
/* 当前设备浏览器版本信息 /
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.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否Web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
//根据设备的不同,可以做一些事情。
if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
//window.location="http://localhost/index.html";
}
else if (browser.versions.android) {
//window.location="http://localhost/demo.php";
}
document.writeln("语言版本: " + browser.language + "
");
document.writeln("是否为移动终端: " + browser.versions.mobile + "
");
document.writeln("iOS终端: " + browser.versions.ios + "
");
document.writeln("Android终端: " + browser.versions.android + "
");
document.writeln("是否为iPhone: " + browser.versions.iPhone + "
");
document.writeln("是否iPad: " + browser.versions.iPad + "
");
document.writeln("用户代理: " + navigator.userAgent + "
");
// 用户代理是一种对数据打包/创造分组头,以及编址/传递消息的部件.
</script>
</body>
</html>

判断结果:

语言版本: zh-cn
是否为移动终端: true
iOS终端: false
Android终端: false
是否为iPhone: true
是否iPad: false
用户代理: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

相关文章

  • HTML 如何判断当前设备

    需要根据不同的设备进行不同的操作和跳转,所以判断当前设备是非常重要的事情。 说明:代码取自网络 /mete设置/<...

  • 《HTML判断当前设备类型》

    《HTML判断当前设备类型》 HTML应用到移动设备的时候,有时需要区分是Android设备还是iPhone设备,...

  • 判断当前设备

  • iOS-UIDevice的简单使用

    1.获取设备方向 判断当前设备方向 2.获取设备电池状态 判断当前设备电池状态 3.获取设备类型 4.修改某个界面...

  • swift 判断iphoneX机型

    用 Swift 判断 iPhone X 机型: 那么如何判断当前的设备是 iPhone X 呢?有好几种办法,可以...

  • PHP判断当前设备

    移动设备: 微信:

  • 判断当前设备信息

    判断PC 判断设备 判断不同客户端:新浪微博为1,QQ客户端为2,微信低于6.0.2版本为3,高于6.0.2版本为...

  • 工具函数

    判断当前终端是否PC 判断当前设备平台 判断当前浏览器类型 获取浏览器版本信息 判断是否IphoneX 移动端键盘...

  • JS判断当前设备是 PC IOS Andriod

    JS判断当前设备是 PC IOS Andriod代码如下:

  • ES6解决问题的代码总结

    如何分辨设备是移动设备还是桌面设备? 如何获取当前页面的滚动位置? 如何平滑滚动到页面顶部? 如何创建一个包含当前...

网友评论

    本文标题:HTML 如何判断当前设备

    本文链接:https://www.haomeiwen.com/subject/umfpaftx.html