`

Jquery 判断是否 移动设备 浏览

阅读更多
  $(document).ready(function() { 
	var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i) ? true : false;
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i) ? true : false;
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i) ? true : false;
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
    }
};
	if( isMobile.any() ) 
	{
		$('.main_header').hide();						
	}
});

 判断是否为移动设备 在浏览内容

 

分享到:
评论

相关推荐

    jQuery带标题左右移动图片相册.zip_jQuery带标题左右移动图片相册

    总结起来,这款jQuery带标题左右移动图片相册是通过jQuery的事件处理和动画功能实现的,结合CSS布局和交互设计,为用户提供了一种优雅的图片浏览方式。无论是从技术实现还是用户体验的角度,都体现了jQuery在网页...

    jquery动态支持按钮定位功能地图

    在IT行业中,地图应用是不可或缺的一部分,特别是在网页开发中。"jQuery动态支持按钮定位功能地图"是一个特定的项目,旨在为网页提供类似谷歌地图的交互体验,但比谷歌地图更为轻量化。这个项目的核心是利用jQuery库...

    基于Jquery的手机触摸屏事件插件,可以辨别手机触摸滑动事件的方向等。

    在现代的Web开发中,尤其是针对移动设备的开发,对触摸事件的支持变得至关重要。`jQuery`,作为一个广泛使用的JavaScript库,虽然默认不包含对触摸事件的处理,但可以通过各种插件来扩展其功能,比如本话题提到的...

    jquery mobile五子棋的实现

    在IT领域,jQuery Mobile是一个强大的前端框架,专为移动设备设计,提供了一套完整的用户界面组件和交互效果。本项目以jQuery Mobile为基础,实现了一个五子棋游戏,让玩家能够在手机或平板等移动设备上享受对弈的...

    JS判断手机端与电脑访问

    "JS判断手机端与电脑访问"这个话题就是关于如何使用JavaScript来检测用户是通过移动设备(如智能手机或平板)还是桌面电脑(如笔记本或台式机)访问网站的。这通常涉及到设备的屏幕尺寸、触屏支持、浏览器特性等因素...

    jQuery实现鼠标上下移动菜单垂直滚动效果.zip

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax...通过对jQuery库的深入理解和合理使用,我们可以轻松地创建出丰富的网页交互效果,提升用户在浏览网站时的体验。

    jQuery触屏手机拖拽幻灯片.zip

    总的来说,"jQuery触屏手机拖拽幻灯片"是一个结合了jQuery库和触屏事件处理的解决方案,旨在提升移动设备上用户浏览网页的体验。通过学习和理解这个技术,开发者可以为他们的项目添加更加生动和互动的元素,同时提升...

    jQuery移动端触屏滑动日期控件

    该控件主要基于jQuery Mobile或jQuery UI等框架构建,它将日期选择器转化为一个可滑动的面板,用户只需左右滑动就能浏览不同月份,上下滑动则可以选择具体的日期。这种设计充分利用了触屏设备的优势,使得在小屏幕上...

    jQuery书本翻页特效

    此外,对于移动设备的支持,主要是通过检测touch事件来实现的,这样用户在手机或平板上也能享受到同样的翻页体验。 在提供的压缩包文件中,我们可以看到以下几个关键文件: 1. `index.html`:这是整个项目的入口,...

    jquery小火箭返回顶部

    对于移动设备,可能需要调整触发返回顶部的滚动距离,以适应不同的屏幕尺寸和触摸操作。 总之,"jQuery小火箭返回顶部"插件通过简单的代码和优雅的动画,为用户提供了便捷的浏览体验。理解其工作原理和使用方法,...

    jquery图片延迟加载

    使用jQuery监听滚动事件,判断图片是否进入视口。一旦图片位于视口内,就将其`src`属性替换为`data-src`中的真实URL,实现图片的延迟加载。 ```javascript $(document).ready(function() { $('.lazy').lazyload...

    jquery实现鼠标移动到方格图片上图片放大功能

    "jQuery 实现鼠标移动到方格图片上图片放大功能"是一种常见的交互效果,它可以让用户在浏览一组方格排列的图片时,只需将鼠标悬停在某张图片上,该图片就能自动放大并全屏展示,提供更清晰的细节查看。这种效果可以...

    jQuery手机端Lightbox图片展示.zip

    1. 检测设备类型,如通过检查`navigator.userAgent`判断是否为移动设备。 2. 使用CSS媒体查询调整布局,确保图片在小屏幕上适配。 3. 实现触摸滑动事件,使用户可以左右滑动查看图片。 4. 可能需要添加分页指示器,...

    jQuery手机端上拉刷新下拉加载更多页面.zip

    【jQuery手机端上拉刷新下拉加载更多页面】是一个针对移动设备优化的网页交互功能,主要应用于列表视图,提供用户友好的滚动体验。在移动设备上,由于屏幕尺寸有限,用户通常需要滚动浏览长列表,这个功能允许用户在...

    手机下拉加载特效jquery+php特效

    在移动设备上,用户经常需要滚动页面以查看更多的内容,特别是在浏览长列表或者社交媒体时。"手机下拉加载特效jquery+php特效" 提供了一种交互式的解决方案,它结合了前端JavaScript库jQuery与后端PHP语言,实现了...

    jQuery左右滚动效果(带停顿)

    这个效果利用了jQuery库的强大功能,使得滚动过程平滑且具有可控制的停顿特性,提高了用户的浏览舒适度。 首先,jQuery是一个轻量级的JavaScript库,它的API简洁易用,大大简化了DOM操作、事件处理、动画设计以及...

    Jquery上拉滚动加载更多

    在移动设备上,为了优化用户体验,常常需要使用“上拉滚动加载更多”功能。这个功能允许用户在浏览页面时,当他们滚动到页面底部时,无需点击任何按钮就能自动加载更多的内容。JQuery是一个轻量级、高性能的...

    jQuery侧边固定悬浮导航

    在实际开发过程中,还需要考虑到不同浏览器的兼容性问题,以及对移动设备的支持,确保导航栏在各种设备上都能正常工作。 总结来说,jQuery侧边固定悬浮导航的实现涉及到HTML布局、CSS样式、jQuery事件监听和DOM操作...

    jquery mobile 滚动加载内容

    在移动应用开发中,jQuery Mobile 是一个非常流行的前端框架,它为构建响应式、触屏友好的网页提供了便利。这个框架特别适用于手机和平板设备,因为它优化了用户体验,使其更加流畅和直观。当我们谈论“jQuery ...

    jquery.nicescroll.rar

    - 在移动设备上使用 nicescroll 时,可能需要处理触摸事件以优化手势识别。 - nicescroll 与某些其他插件(如 Perfect Scrollbar 或 iScroll)可能存在冲突,需谨慎使用。 - 为了保证兼容性,需要确保你的目标浏览器...

Global site tag (gtag.js) - Google Analytics