原文: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>

结果示例: 

 
 
 

最新文章

  1. 新手 gulp+ seajs 小demo
  2. PHP合并2个数字键数组的值
  3. Linux下Java安装与配置
  4. Sublime Text 配置
  5. Openstack-Mitaka Ceilometer 部署心得
  6. 浅议iOS网络数据解析
  7. ajax取返回值的方法
  8. apache启动问题: Could not reliably determine the server&#39;s fully qualified domain name
  9. zhenai
  10. C# .NET更智能的数据库操作的封装
  11. Spring bean实例化的方式
  12. CSS在线字体库,外部字体的引用方法@font-face
  13. HDU 5592 ZYB&#39;s Game 【树状数组】+【二分】
  14. 【Java】 剑指offer(5) 从尾到头打印链表
  15. 《linux内核设计分析》 第一周作业
  16. HTTP Status 404 - No result defined for action com.ouyang.action.GreetingAction and result success 错误解决办法
  17. oracle compile 编译无效对象
  18. trufflesuite/truffle-hdwallet-provider
  19. 杂项:CDN
  20. 解决电脑需要切换IP带来的MySQL连接问题

热门文章

  1. C# 笔记——排序
  2. Hibernate检索策略与检索方式
  3. java常用设计模式学习心得
  4. 三:Storm设计一个Topology用来统计单词的TopN的实例
  5. HDR文件格式简介及其读写函数
  6. 如何简单的测试kubernetes的dns add-ons是否工作正常?
  7. Foxmail 登录 qq 账号时无法登录 提示我们设置了独立密码或使用授权码登录的解决方法
  8. 图片上传功能(EasyUI前台框架+SSM框架)
  9. 嵌套循环连接(Nested Loops Joins)
  10. Win7 + VirtualBox + CentOS(无桌面), 扩容