脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript 判断

JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器

 更新时间：2013年12月12日 09:55:40   作者：  
这篇文章主要介绍了使用JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器。需要的朋友可以过来参考下，希望对大家有所帮助

js 判断是什么类型浏览器

复制代码 代码如下:

 if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) ) //  firefox

{
  }
   else if ( document.all && "object" == typeof( window.external ) )   //  ie

   {
    }


js用来区别IE与其他浏览器及IE6-8之间的方法。

1、document.all
2、!!window.ActiveXObject;

使用方法如下：

if (document.all){
alert(”IE浏览器”);
}else{
alert(”非IE浏览器”);
}

if (!!window.ActiveXObject){
alert(”IE浏览器”);
}else{
alert(”非IE浏览器”);
}

下面是区别IE6、IE7、IE8之间的方法：

var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE8=isIE&&!!document.documentMode;
var isIE7=isIE&&!isIE6&&!isIE8;
if (isIE){
if (isIE6){
alert(”ie6″);
}else if (isIE8){
alert(”ie8″);
}else if (isIE7){
alert(”ie7″);
}
}

首先我们确保这个浏览器为IE的情况下，进行了在一次的检测，如果你对此有怀疑，可以测试一下。

我这里就直接使用在判断中了，你也可以将他们先进行声明成变量进行使用。据说火狐以后也会加入document.all这个方法，所以建议使用第二种方法，应该会安全一些。

用navigator.userAgent.indexOf()来区分多浏览器，代码示例如下：

复制代码 代码如下:

<coding-1 lang="other">
<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应该程序，没有头部与底部
};
}()
}

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>
</coding>


JavaScript不管是判断PC浏览器还是手机浏览器，都是通过User Agent 来判断。

您可能感兴趣的文章:

相关文章

  • layui点击导航栏刷新tab页的示例代码

    layui点击导航栏刷新tab页的示例代码

    今天小编就为大家分享一篇layui点击导航栏刷新tab页的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • javascript删除数组元素的七个方法示例

    javascript删除数组元素的七个方法示例

    这篇文章主要给大家介绍了关于javascript删除数组元素的七个方法，文中通过示例代码介绍的非常详细，对大家学习或者使用javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-09-09
  • Bootstrap3 内联单选和多选框

    Bootstrap3 内联单选和多选框

    这篇文章主要介绍了Bootstrap3 内联单选和多选框的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-12-12
  • TypeScript中import type与import的区别详析

    TypeScript中import type与import的区别详析

    ES6引入了模块化,其设计思想是在编译时就能确定模块的依赖关系,以及输入和输出的变量,下面这篇文章主要给大家介绍了关于TypeScript中import type与import区别的相关资料,需要的朋友可以参考下
    2022-07-07
  • javascript实现的鼠标链接提示效果生成器代码

    javascript实现的鼠标链接提示效果生成器代码

    javascript实现的鼠标链接提示效果生成器代码...
    2007-06-06
  • 用js控制视频播放进度基本示例代码

    用js控制视频播放进度基本示例代码

    写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04
  • iframe高度自适应及隐藏滚动条的实例详解

    iframe高度自适应及隐藏滚动条的实例详解

    这篇文章主要介绍了iframe高度自适应及隐藏滚动条的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
    2017-09-09
  • javascript中setAttribute兼容性用法分析

    javascript中setAttribute兼容性用法分析

    这篇文章主要介绍了javascript中setAttribute兼容性用法,结合实例形式分析了javascript使用setAttribute进行属性设置操作的相关使用技巧,需要的朋友可以参考下
    2016-12-12
  • ES6的新特性概览

    ES6的新特性概览

    Nick Justice是GitHub开发者计划的一员。早在ES6语言标准发布之前，他就借助像Babel这样的转译器以及最新版本的浏览器在自己的项目中使用ES6特性。他认为，ES6的新特性将极大地改变JavaScript的编写方式
    2016-03-03
  • javascript实现动态CSS换肤技术的脚本

    javascript实现动态CSS换肤技术的脚本

    javascript实现动态CSS换肤技术的脚本...
    2007-06-06

最新评论