JS/JQuery判断是否移动设备+JS/JQuery判断浏览器类型
2024-08-31 22:49:01
原文:https://blog.csdn.net/Little_Stars/article/details/48624669
JS代码如下(点击事件依赖JQuery):
//判断设备类型
$("#aass").click(function() {
var browser = {
versions: function() {
var u = navigator.userAgent,
app = navigator.appVersion;
return {
mobile: !!u.match(/AppleWebKit.*Mobile.*/),
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1,
iPhone: u.indexOf("iPhone") > -1,
iPad: u.indexOf("iPad") > -1
};
} (),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
};
$("#aa2").append("userAgent 内容: <BR/>" + navigator.userAgent + "<BR/><BR/>");
$("#aa2").append("是否为移动终端: " + browser.versions.mobile + "<BR/>");
$("#aa2").append("是否 ios: " + browser.versions.ios + "<BR/>");
$("#aa2").append("是否 android: " + browser.versions.android + "<BR/>"); //判断 浏览器 类型
var ex = navigator.userAgent,
bUA;
if (ex.indexOf("MSIE") >= 0) {
bUA = "Internet Explorer 10 Or Earlier"; //IE
} else if (ex.indexOf("Firefox") >= 0) {
bUA = "Firefox";
} else if (ex.indexOf("Chrome") >= 0) {
bUA = "Chrome";
if (ex.indexOf("360SE") >= 0) { //360安全浏览器
bUA = "360SE";
} else if (ex.indexOf("360EE") >= 0) { //360急速浏览器
bUA = "360EE";
} else if (ex.indexOf("SE") >= 0 && ex.indexOf("360SE") == -1) { //搜狗浏览器
bUA = "SouGou";
} else if (ex.indexOf("Maxthon") >= 0) { //遨游浏览器
bUA = "Maxthon";
}
} else if (ex.indexOf("UCBrowser") >= 0 || ex.indexOf("UCWEB") >= 0) { // UC浏览器
bUA = "UCBrowser";
} else if (ex.indexOf("Opera") >= 0) {
bUA = "Opera";
} else if (ex.indexOf("Safari") >= 0) { // 苹果浏览器
bUA = "Safari";
} else if (ex.indexOf("Netscape") >= 0) {
bUA = "Netscape";
} else if (ex.indexOf("like Gecko") >= 0 && ex.indexOf("Trident") >= 0) {
bUA = "Internet Explorer 11 Or Later"; //IE11 以后,不再用 MSIE
} else {
bUA = "Other Broswer";
} $("#aa2").append("当前浏览器: " + bUA + "<BR/>"); });
HTML代码:
<br>
<input type="button" value="浏览器版本信息" id="aass" />
<br/><br/> <div id="aa2"></div>
<br><br>
结果示例:
最新文章
- 新手 gulp+ seajs 小demo
- PHP合并2个数字键数组的值
- Linux下Java安装与配置
- Sublime Text 配置
- Openstack-Mitaka Ceilometer 部署心得
- 浅议iOS网络数据解析
- ajax取返回值的方法
- apache启动问题: Could not reliably determine the server&#39;s fully qualified domain name
- zhenai
- C# .NET更智能的数据库操作的封装
- Spring bean实例化的方式
- CSS在线字体库,外部字体的引用方法@font-face
- HDU 5592 ZYB&#39;s Game 【树状数组】+【二分】
- 【Java】 剑指offer(5) 从尾到头打印链表
- 《linux内核设计分析》 第一周作业
- HTTP Status 404 - No result defined for action com.ouyang.action.GreetingAction and result success 错误解决办法
- oracle compile 编译无效对象
- trufflesuite/truffle-hdwallet-provider
- 杂项:CDN
- 解决电脑需要切换IP带来的MySQL连接问题
热门文章
- C# 笔记——排序
- Hibernate检索策略与检索方式
- java常用设计模式学习心得
- 三:Storm设计一个Topology用来统计单词的TopN的实例
- HDR文件格式简介及其读写函数
- 如何简单的测试kubernetes的dns add-ons是否工作正常?
- Foxmail 登录 qq 账号时无法登录 提示我们设置了独立密码或使用授权码登录的解决方法
- 图片上传功能(EasyUI前台框架+SSM框架)
- 嵌套循环连接(Nested Loops Joins)
- Win7 + VirtualBox + CentOS(无桌面), 扩容