JQuery 判断访问的浏览器是pc还是手机

2023-11-11

摘要
以下代码用于JQuery判断访问的浏览器的类型


/**
 * 判断访问类型是电脑还是手机
 * 
 * @author 
 * 
 * 2017年9月27日
 */

$(function(){
	var mobile_flag = isMobile(); // true为PC端,false为手机端
	
	if(mobile_flag){
		$("#fh5co-main").css({"width": "100%", "float": "right"});
		$("#trademark").css({"margin-left": "48px","margin-top": "16px"});
	}
});

function isMobile() {
	var userAgentInfo = navigator.userAgent;
	
	var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"];
	
	var mobile_flag = false;
	
	//根据userAgent判断是否是手机
	for (var v = 0; v < mobileAgents.length; v++) {
		if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
			mobile_flag = true;
			break;
		}
	}
	
	 var screen_width = window.screen.width;
	 var screen_height = window.screen.height;    
	 
	 //根据屏幕分辨率判断是否是手机
	 if(screen_width < 500 && screen_height < 800){
		 mobile_flag = true;
	 }
	 
	 return mobile_flag;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery 判断访问的浏览器是pc还是手机 的相关文章

  • 如何在 jQuery 中将标题转换为 URL slug?

    我正在 CodeIgniter 中开发一个应用程序 我试图在表单上创建一个字段来动态生成URL slug 我想做的是删除标点符号 将其转换为小写 然后用连字符替换空格 例如 Shane s Rib Shack 将变成 shanes rib
  • 如何将 STRUCT - OR - JSON 传递给 Coldfusion CFC 方法

    我有一个现有的 CFC 在将结构传递到方法中时可以正常工作 问题是 我们现在还需要通过 JSON 将数据传递到同一函数中 这是 CFC 片段
  • 选择 asp.net CheckBoxList 中的所有项目

    ASP NET 和 C 我想要一个带有 全选 项目的复选框列表 当这个特定项目是 已选择 所有其他都将被选择 也 当选择被删除时 这个项目 也将来自所有人 其他物品 选中 取消选中 任何其他项目只会有一个 对特定项目的影响 无论选择状态如何
  • Angularjs : $locationProvider.hashPrefix("!") ;

    我想将网址显示为 www test com 因为我正在使用 locationProvider hashPrefix 但它显示网址为 www test com 我想 哈希之前而不是哈希之后 Thanks var app angular mod
  • 使用jquery调用AS3外部接口

    我正在使用ExternalInterface 调用嵌入在html 页面中的Flash 应用程序 以下代码工作正常 我正在使用按钮进行测试 document ready function button click function var a
  • 区分 NaN 输入和输入类型为“number”的空输入

    我想使用 type number 的表单输入 并且只允许输入数字
  • 选中复选框时如何向文本区域添加值

    我正在使用我刚刚在 SO 上找到的以下函数 该函数可以解决我的问题 只有一个问题是 我有一长串选择列表 当用户选中超过 3 4 个复选框时 某些文本或添加到文本区域的值不再可见 有没有什么方法可以让每次选中一个框时添加到文本区域的文本始终可
  • 鼠标悬停时放大图像而不使用 Jquery 推送其他图像?

    当您将鼠标悬停在图像缩略图上 例如 Google 图片正在使用的缩略图 时 我正在尝试创建图像放大效果 但是 我遇到了一个问题 即放大的图像根据放大的图像的位置不断将另一张图像推到另一个位置 这是我到目前为止所拥有的
  • 动态突出显示时向

    添加项目符号点?

    Update 例子 p Text Text p 在示例中 是否可以选择第二个 文本 单词 p 元素并单击按钮仅动态添加项目符号点到选定的 单词 有没有可能 在一个 p p Text p 突出显示从 p 元素并添加项目符号点到按钮上动态单击的
  • 获取自定义属性的值

    我有两个单选按钮 我希望能够获取选中的单选按钮的自定义属性 xml value 的值 我尝试过以下脚本 var userType input name ctrl CustomerType checked this attr xmlvalue
  • JQGrid - 在编辑表单中显示附加列

    我有一个 JQGrid 表 有 30 多个列 我认为这些列的内联编辑对用户来说并不友好 所以我想在网格模式下显示几列 并仅当用户打开该行的编辑表单时显示所有列 这可能吗 在教程中找不到这个 先感谢您 如果你想show并且不要编辑列 然后使用
  • ajaxStop() 不触发

    这是不起作用的代码 document ajaxStop function this unbind ajaxStop prevent running again when other calls finish Display everythi
  • 限制可选 DOM 复选框

    我试图限制用户可以选择的复选框数量 这些复选框是为数组中的每个项目生成的 DOM 输入对象 我目前对此没有运气 因此非常感谢任何帮助 谢谢 在这里小提琴 http jsfiddle net vVxM2 222 http jsfiddle n
  • 了解 sort() 比较函数

    我正在使用一个电子商务平台 该平台无法重新排序产品属性字段的选项 这真的很糟糕 因为要插入新选项 您几乎必须删除所有现有选项并重新开始 我正在尝试在客户端进行操作 这是我正在处理的内容 这是针对鞋码的 9 EE 9 1 2 EE 10 EE
  • 如何向 jquery-file-upload basic-plugin 添加取消上传按钮

    我正在使用 jquery file upload 和 Rails 4 我从https github com tors jquery fileupload rails paperclip example https github com to
  • 在 jQuery 可排序中对多个选定项目进行排序?

    我试图在 jQuery 可排序集中选择多个项目 然后将选定的项目一起移动 这是我的弱点开始尝试使其发挥作用 http jsfiddle net benstenson CgD8Y 这是代码 HTML div class container d
  • 如何检测元素内容何时发生变化

    我正在寻找一种方法来监视元素内动态填充 无页面重新加载 内容 以便我可以将类添加到另一个元素 到目前为止我有这个 HTML div class message container div class messages error span
  • 使用日期字符串数组在引导日期选择器中设置禁用月份不起作用

    我有一个日期选择器 其配置如下 HTML div class input group date div
  • 如何打开弹出窗口并用父窗口中的数据填充它?

    如何使用 JavaScript jQuery 使用父页面中 JS 变量的数据填充弹出窗口 在我的示例中 我有一个文件名数组 我在父窗口中最多列出五个 如果还有更多 我想提供一个链接来打开弹出窗口并列出数组中的每个帖子 因此 如果我打开一个包
  • 如何限制下拉列表更改而不禁用它

    如何在不禁用下拉列表的情况下限制下拉列表选项更改 意味着我无法更改选项 并且下拉列表不应该是只读的 我的问题是我的服务器没有读取禁用的元素 这是我的出价 http jsfiddle net m3v7y jQuery var lastSel

随机推荐

  • xpath定位元素方法_前端css基础篇(三) background背景元素position定位以及清除浮动的四种方法...

    一 background背景元素 1 background color背景颜色 可以简写 background 默认值是transparent 透明 不能继承 2 background image背景图片 可以简写background ur
  • 背包问题动态规划

    1 01背包问题 有N件物品 背包容量为V 第i件物品占容量c i 价值是w i 求装入哪些物品背包的价值最大 每个物品只能放一次或零次 动态规划思想很简单解决 用一个数组f i v 来表示前i件物品 容量为v的最大价值 那么推出转移方程f
  • 内存泄漏的场景

    当然可以 以下是每个场景的详细例子以及解决方法 未被释放的全局变量 例子 function leakMemory globalVar new Array 1000000 join leakMemory 解决方法 使用var let cons
  • 知乎爬虫(一)

    项目github地址 https github com Lee Jiazheng zhihu spider 知乎作为一个内容平台 有大量的新奇内容值得我们爬取 承受前人诸多知识 所以也写点东西为初学者提供一个学习的途径 爬虫 就是在一张大网
  • BUCK电源芯片BST引脚100nF电容的作用

    BUCK电源芯片大部分都有一个BOOT或者BST的引脚 这个引脚一般通过一个100nF的电容接到我们的开关输出引脚SW 那么大家知道这个100nF电容的作用吗 首先大家来看下BUCK芯片BOOT和SW引脚的内部结构 一般是由两个NMOS组成
  • finally用法

    一 finally是否执行 1 只有与 finally 相对应的 try 语句块得到执行的情况下 finally 语句块才会执行 当finally 相对应的 try 语句块之前 已经抛出错误 或者已经返回 return 就不会执行final
  • git查询和设置用户名及邮箱

    由于从原来的旧机子换到了新机子 很多东西都需要重新来 包括git 在vscode终端中安装了git 也ssh连到了远程的仓库 以为一切都ok了 在本地完成任务要推到远程时 告诉我说远程不知道我的身份 需要指明用户名和邮箱 我是个不太记东西的
  • AI算法实现与云平台应用

    陈迪豪 第四范式先知平台架构师 个人兴趣广泛 在开源社区比较活跃 维护了1600 star的容器Web管理平台Seagull 大二加入了小米做Android移动端开发 然后有幸学习到后端基础架构技术 参与了HBase ZooKeeper等社
  • 线程通信例题(12A34B56C.....5152Z)/ 生产者消费者面包超市...

    两个线程实现 一个线程专门打印数字 一个线程专门打印字母12A34B56C78D 5152Z public class Test public static void main String args Resource resource n
  • n行Python代码系列:两行代码将JSON文本转换成标准字典类型

    老猿Python博文目录 https blog csdn net LaoYuanPython article details 98245036 一 引言 最近看到好几篇类似 n行Python代码 的博文 看起来还挺不错 简洁 实用 传播了知
  • 大数据技术——VMbox的安装和网络配置

    大数据实训案例 实验报告 题目 大数据实验环境搭建 姓名 xxx 学号 xxxxxxx 实验日期 2023 x x 一 实验目的 1 掌握Linux操作系统的安装和使用方法 2 掌握hadoop的安装和使用方法 二 实验平台 操作系统 Ub
  • [USACO08FEB]修路Making the Grade

    题目链接 走这里 题目分析 考虑绝对值的几何意义 显然 b 里的数一定在 a 里出现过 离不离散化问题不大 用下标作第二位状态就行 设 dp i j 表示第 i 个数 高度为 a j 时的最优解 方程见代码 代码 include
  • Spring第38篇:定时器详解(@Scheduled & @EnableScheduling)

    Spring中 Scheduled EnableScheduling 这2个注解 可以用来快速开发定时器 使用特别的简单 如何使用 用法 1 需要定时执行的方法上加上 Scheduled注解 这个注解中可以指定定时执行的规则 稍后详细介绍
  • OSS实现文件上传

    本文主要讲解mall整合OSS实现文件上传的过程 采用的是服务端签名后前端直传的方式 文章目录 OSS OSS中的相关概念 OSS的相关设置 开通OSS服务 创建存储空间 跨域资源共享 CORS 的设置 服务端签名后前端直传的相关说明 流程
  • python3 GUI- 登陆界面

    python3 GUI 登陆界面 from tkinter import root Tk def Show root1 Tk if En get user and En1 get 123 Label root1 text 登陆成功 bg G
  • 全新防火墙6.0 DHCP线路上网配置

    一 组网需求 外网接口使用DHCP 内网为192 168 1 0 24网段 实现基本上网功能 二 网络拓扑 三 配置要点 1 配置接口 wan1口 务必勾选 从服务器重新得到网关 这样dhcp地址获取成功后设备会自动生成默认路由 无需手动配
  • 详细记录Pycharm配置已安装好的Conda虚拟环境

    当安装好conda环境之后 想要在Pycharm中使用 那么就要在Pycharm中导入 我这里使用的pycharm professional 2023 2这个版本 下面是详细步骤 1 打开File gt Settings 2 找到Proje
  • 从0开始搭建高仿华为云教育课堂官网(一)创建项目和搭建导航栏

    之前上过一些华为云的前端教育课程 最终考核是以vue为基础搭建一个华为云教育课堂的官网 网址如下 https classroom devcloud huaweicloud com home 下面记录一下搭建网站的全过程 使用vuecli 4
  • android 杀死三方app

    这是杀死后台应用 并且非保护程序 非系统程序 1 ActivityManager am ActivityManager context getSystemService Context ACTIVITY SERVICE Log i kill
  • JQuery 判断访问的浏览器是pc还是手机

    摘要 以下代码用于JQuery判断访问的浏览器的类型 判断访问类型是电脑还是手机 author 2017年9月27日 function var mobile flag isMobile true为PC端 false为手机端 if mobil