h5判断是ios还是安卓

发表于2024-07-01|更新于2026-02-24

|浏览量:

理想主义者是不可救药的：如果他被扔出了他的天堂，他会再制造出一个理想的地狱。——尼采

主要就是这个代码

1
2
3

var u = navigator.userAgent;
window.isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
window.isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

这边用用户的agent和正则判断

相关推荐

业精于勤，荒于嬉。—— 韩愈《进学解》 https://github.com/simonwep/pickr Pickr：一个简单、多主题、响应式且可定制的颜色选择器库在网页设计和前端开发中，颜色选择器是一个不可或缺的工具。虽然许多框架提供了内置的颜色选择器，但它们往往难以扩展或自定义。Pickr 是一个轻量级、无依赖的颜色选择器库，它提供了丰富的功能，同时完全兼容所有主流 CSS 框架。什么是 Pickr？Pickr 是一个开源的颜色选择器库，支持多种颜色格式（如 rgba、hsla、hsva 等），并提供多种主题和自定义选项。它专为现代前端开发设计，具有以下特点：核心特点：无依赖：不依赖任何第三方库（如 jQuery）。多格式支持：支持 rgba、hsla、hsva、hex 和 CMYK 格式。多主题：内置多种主题样式，兼容主流 CSS 框架（如 Bootstrap、Materialize）。响应式设计：适配移动端和桌面端。自定义能力：可通过 JavaScript 和 CSS 轻松自定义外观和功能。支持透明度：包括 alpha 通道的选择。轻量级：小巧...

typescript-exercises（十五）

人的一辈子都在高潮—低潮中浮沉，唯有庸碌的人，生活才如死水一般。——傅雷问题： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051/*Intro: Our attempt to Open Source didn't work quite as expected. It turned out there were already many existing functional JS libraries. All the remaining developers left the company as well. It seems that they are joining a very ambitious startup which re-invented a juicer and raised millions of dollars. Too bad we cannot compe...

Array.prototype.fill()

新的方法和概念，常常比解决问题本身更重要。——华罗庚我们在前端开发中，可以使用fill函数来快速构建数组 1Array(5).fill(1,1,4) 得到的是这样一个数组： 1[, 1, 1, 1, ] 这里参数fill(value,start,end)也是可以省略的 12345678910111213141516[1, 2, 3].fill(4); // [4, 4, 4][1, 2, 3].fill(4, 1); // [1, 4, 4][1, 2, 3].fill(4, 1, 2); // [1, 4, 3][1, 2, 3].fill(4, 1, 1); // [1, 2, 3][1, 2, 3].fill(4, 3, 3); // [1, 2, 3][1, 2, 3].fill(4, -3, -2); // [4, 2, 3][1, 2, 3].fill(4, NaN, NaN); // [1, 2, 3][1, 2, 3].fill(4, 3...

浅水是喧哗的，深水是沉默的。——雪莱我们知道CSS中一些属性会被继承：给父节点设置样式，子节点也会生效例如color、font-size之类的但像widths, margins, padding, 和 borders 不会被继承，如果被继承，设想一下，给父节点加了一个border，里面的每个子孙元素都有一个border，这不是我们通常想要的效果如何来控制这些属性呢？ CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上，就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的，那么会设置为 inherit 。 unset 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial一样这里有一个简单的demo： 12345678910111213141516171819202122232425262728293031<div> <h2> ...

物以稀为贵，情因老更慈。——白居易分享一个css属性aspect-ratio 大家其实能看出来值2/1就是宽高比这个属性在width和height只要有任意一个没有配的情况下就会生效，非常方便用于配置一些指定宽高比例的场景

JS的线程模型和事件循环机制

生命不是安排，而是追求。——弗吉尼亚·伍尔芙从线程和浏览器底层执行的角度来看，JavaScript 的延迟/休眠功能是如何实现的呢？线程模型和事件循环JavaScript 的执行环境（如浏览器或 Node.js）是单线程的，这意味着在任何给定的时间点，只有一个线程在执行 JavaScript 代码。为了管理并发操作，JavaScript 依赖于事件循环（Event Loop）。事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤：检查调用栈（Call Stack），如果调用栈为空，则继续。检查消息队列（Message Queue），如果消息队列中有待处理的任务，则取出队首的任务并执行。重复以上步骤。宏任务和微任务在事件循环中，有两种类型的任务：宏任务（Macro Task）和微任务（Micro Task）。宏任务：包括整体脚本执行、setTimeout、setInterval、setImmediate（Node.js）等。微任务：包括 Promise 的回调、process.nextTick（Node.js）、Mutation...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中