用indexOf判断设备
通过userAgent去判断,先判断是否为移动端,可以判断是iOS终端和Android终端,也可以具体到应用进行判断微信,微博,qq访问。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用indexof判断设备</title>
</head>
<body>
<a href="javascript:;" id="J_checkplatformbtn">用indexOf判断设备</a><script>
window.onload=function(){
var browser = {
versions: function() {
var u = navigator.userAgent,
ua = navigator.userAgent.toLowerCase();
return {
//内核,比如ie,firefox,chrome,opera,苹果
trident: u.indexOf('Trident') > -1, //IE内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
webkit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
presto: u.indexOf('Presto') > -1, //opera内核
//终端,操作系统,比如PC端,os,移动端,ios,android
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,ipad
iphone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
ipad: u.indexOf('iPad') > -1, //是否iPad
//应用程序,比如Safari浏览器,UC浏览器,微信,微博,QQ
webapp: u.indexOf('Safari') == -1, //是否web应用程序,没有头部与底部
wechat: ua.match(/MicroMessenger/i) == "micromessenger", //微信
weibo: ua.match(/WeiBo/i) == "weibo", //微博
qq: ua.match(/QQ/i) == "qq" //qq
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase() //检测浏览器语言
};
//检查设备, mainFun
function checkDevice(){
if (browser.versions.mobile) {
//在移动端浏览器打开
if (browser.versions.ios) {
//在IOS浏览器打开
alert('ios操作系统'+ navigator.userAgent);
}if (browser.versions.android) {
//在安卓浏览器打开
alert('android操作系统'+ navigator.userAgent);
}if (browser.versions.iphone) {
//在iphone中打开
alert('iphone设备'+ navigator.userAgent);
}if (browser.versions.ipad) {
//在ipad中打开
alert('ipad设备'+ navigator.userAgent);
}if (browser.versions.webapp) {
//在webapp中打开
alert('webapp应用程序'+ navigator.userAgent);
}if (browser.versions.wechat) {
//在微信中打开
alert('wechat应用程序'+ navigator.userAgent);
}if (browser.versions.weibo) {
//在新浪微博客户端打开
alert('weibo应用程序'+ navigator.userAgent);
}if (browser.versions.qq) {
//在QQ空间打开
alert('qq应用程序'+ navigator.userAgent);
}
}
else {
//在PC端浏览器打开
if (browser.versions.trident) {
//在IE浏览器打开
alert('在IE浏览器打开'+ navigator.userAgent);
}if (browser.versions.gecko) {
//在火狐浏览器打开
alert('在火狐浏览器打开'+ navigator.userAgent);
}if (browser.versions.webkit) {
//在苹果、谷歌浏览器打开
alert('在苹果、谷歌浏览器打开'+ navigator.userAgent);
}if (browser.versions.presto) {
//在opera浏览器打开
alert('在opera浏览器打开'+ navigator.userAgent);
}
}
};
function addEvent(obj,type,handle){
try{ // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本
obj.addEventListener(type,handle,false);
}catch(e){
try{ // IE8.0及其以下版本
obj.attachEvent('on' + type,handle);
}catch(e){ // 早期浏览器
obj['on' + type] = handle;
}
}
}
//这里使用 try{ ... } catch(e){ ... } 代替 if ... else... 语句,避免浏览器出现错误提示。
var triggerbtn=document.getElementById('J_checkplatformbtn');
addEvent(triggerbtn,'click',checkDevice);
}
</script>
</body>
</html>
用indexOf判断设备的更多相关文章
- 用indexOf判断设备是否是PC端?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- js判断设备,跳转app应用、android市场或者AppStore
js移动设备判断方法大全 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" > ...
- js检查判断设备
js检查判断设备 var navigatorType = {}; var u=navigator.userAgent; navigatorType.IsIE= u.indexOf('Trident') ...
- IOS判断设备是否已越狱
转自:http://www.cnblogs.com/supercheng/archive/2012/12/05/2804166.html - (BOOL)isJailbroken { BOOL jai ...
- JS判断设备终端(PC,iPad,iPhone,android,winPhone)和浏览器
JS判断设备终端(PC,iPad,iPhone,android,winPhone)和浏览器 var ua = navigator.userAgent; var browser = {}, weixin ...
- 判断iPhone和iPad 判断设备版本
//判断iPhone和iPad #define IS_IPHONE (!IS_IPAD) #define IS_IPAD (UI_USER_INTERFACE_IDIOM() != UIUserInt ...
- 调用[[UIDevice currentDevice] userInterfaceIdiom]==UIUserInterfaceIdiomPad判断设备
将模拟器改为Ipad时,调用[[UIDevice currentDevice] userInterfaceIdiom]==UIUserInterfaceIdiomPad判断设备是否为Ipad,但程序并 ...
- (原) Jquery 判断设备是PC端,还是移动端
判断设备是PC端,还是移动端 var ua = navigator.userAgent.toLocaleLowerCase(); var pf = navigator.platform.toLocal ...
- Android之判断设备网络连接状态,并判断连接方式
在Android开发过程中,对于一个需要连接网络的Android设备,对设备的网络状态检测是很有必要的!有很多的App都需要连接网络.判断设备是否已经连接网络,并且在连接网络的状态下判断是wifi无线 ...
随机推荐
- UIView 设置背景图片
http://blog.csdn.net/qijianli/article/details/7777268 项目中,可能需要我们为某个视图设置背景图片,而API中UIView没有设置背景图片的方法,那 ...
- ios socket(基础demo)
http://blog.sina.com.cn/s/blog_7a2f0a830101ecv4.html clinetSocket 1.viewcontroller.h @interface View ...
- BestCoder Round #60 题解链接
题解 题目 1001 GT and sequence 注意先特判000的情况:如果读入的数据有000,那么去掉所有的000且最后答案和000取一个max. 剩下的正数显然全部乘起来比较优. 对于负数 ...
- string s = null 和 string s = “”的区别
string s = null; 表示一个空串,没有占用了空间,不在内存中开辟空间 string s = "";在内存中开辟空间,但空间中没有值(""也是一个字 ...
- 使用ajax解决ie缓存问题
1.在XMLHttpRequest/发送的请求之前 加上 XMLHttpRequest.setRequestHeader("If-Modified-Since","0&q ...
- 13.第一个只出现一次的字符[FindFirstNotRepeatingChar]
[题目] 在一个字符串中找到第一个只出现一次的字符.如输入abaccdeff,则输出b. [分析] 这道题是2006年google的一道笔试题. 看到这道题时,最直观的想法是从头开始扫描这个字符串中的 ...
- 无论IT代码系统还是人生都是有惯性的
是的,这和IT系统和代码没有什么关系:鸡汤式的文章,看烦了的就关掉吧,想看的请听我碎碎念.惯性本是物理学研究的问题,这里没有要研究物理学里的惯性.惯性无时无刻地发生在我们的日常生活中,只是你我都没有察 ...
- poj1185
状态压缩dp #include <cstdio> #include <cstring> #include <cstdlib> #include <iostre ...
- codeforces 474D.Flowers 解题报告
题目链接:http://codeforces.com/problemset/problem/474/D 题目意思:Marmot 吃两种类型的花(实在难以置信呀--):red 或者 white,如果要吃 ...
- PHP--TP框架----把查询到的数据,显示在模型(模板)里面
MainController.class.php <?php namespace Home\Controller; use Think\Controller; class MainControl ...