window.navigator 对象、检测当前设备、浏览器名称等 是否是ios...

news/2024/7/20 23:05:21 标签: ios, edge, safari

示例:判断是否是苹果设备

   const isIos = /ipad|iPhone|Mac/i.test(window.navigator.userAgent)

一、只读属性 window.navigator

在这里插入图片描述

二、检测浏览器并返回浏览器名称字符串

var sBrowser, sUsrAg = navigator.userAgent;

// The order matters here, and this may report false positives for unlisted browsers.

if (sUsrAg.indexOf("Firefox") > -1) {
  sBrowser = "Mozilla Firefox";
} else if (sUsrAg.indexOf("Opera") > -1 || sUsrAg.indexOf("OPR") > -1) {
  sBrowser = "Opera";
} else if (sUsrAg.indexOf("Trident") > -1) {
  sBrowser = "Microsoft Internet Explorer";
} else if (sUsrAg.indexOf("Edge") > -1) {
  sBrowser = "Microsoft Edge";
} else if (sUsrAg.indexOf("Chrome") > -1) {
  sBrowser = "Google Chrome or Chromium";
} else if (sUsrAg.indexOf("Safari") > -1) {
  sBrowser = "Apple Safari";
} else {
  sBrowser = "unknown";
}

alert("当前浏览器为: " + sBrowser);

三、MDN官方链接

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/navigator


http://www.niftyadmin.cn/n/909305.html

相关文章

js如何监听页面的展示与隐藏(visibilitychange) 以及苹果部分机型 safari浏览器无法监听到(visibilitychange)的处理办(pageshow)。

一、场景:当标签页面隐藏、然后展示的时候触发事件 涉及到两个网页的跳转 而产生的问题 二、安卓和ios需要分别来处理兼容问题 安卓 中可以直接使用 visibilitychange 来判断标签页展示、还是隐藏 document.addEventListener("visibilitychange", () &g…

Android 主题和选择器

今天在做底部tab的时候因为样式都一样 所以就自定义一个style 这样省的写很多重复的样式(懒懒懒懒), 修改的话直接在样式里修改省去一个一个修改一样的代码 1 在values/styles.xml 里添加 radiobutton样式: <style name"BottomTabStyle"><item name"an…

2022年01月04日 计算机网络应用原理记录

日常资源留存 1、计算机网络应用体系 视频地址&#xff1a;https://www.bilibili.com/video/BV1xJ41137Q3?p8 一、应用体系三种类型&#xff1a; 1、【客户/服务器&#xff08;C/S&#xff09;结构】客户端主动请求服务器&#xff0c;是服务和数据的获取方&#xff0c;服务…

网络层服务学习笔记

视频地址&#xff1a;https://www.bilibili.com/video/BV1xJ41137Q3?p21 一、网络层服务&#xff08;网络层主要功能&#xff09; 1、主要作用 主要作用是将网络层数据报从源主机送达目的主机。 注意功能两点&#xff1a; 转发&#xff1a;分组从输入接口转移到输出接口。路…

[bzoj3611][Heoi2014]大工程

看题目感觉应该就是传说中的虚树&#xff1f; 然后跑去学了一发。。。自己YY了一下然后挂飞。。于是就只好抄模板了T_T 建完虚树就是个树形dp。。。 对于询问总和&#xff1a;每条边对答案的贡献是边权*一端的节点数*另一端的节点数。&#xff08;这里的节点不包括建虚树时添上…

学习HTTP协议详解小计(主流浏览器使用的内核)

视频连接&#xff1a;https://www.bilibili.com/video/BV1js411g7Fw 一、HTTP基本概念以及工作原理 1、HTTP请求信息和响应信息 1. 请求行 2. 请求头信息 3. 请求主体信息 请求行分为三部分 请求方法、请求路径、所用的协议2、请求方法&#xff1a;GET、POST、HEAD、PUT…

JavaScript中的的垃圾回收机制

JavaScript中的的垃圾回收机制 javascript的垃圾回收原理 &#xff08;1&#xff09;、在javascript中&#xff0c;如果一个对象不再被引用&#xff0c;那么这个对象就会被GC回收&#xff1b; &#xff08;2&#xff09;、如果两个对象互相引用&#xff0c;而不再被第3者所引用…

2022/01/07 浏览器是如何工作的?

视频地址&#xff1a;https://www.bilibili.com/video/BV1x54y1B7RE?spm_id_from333.999.0.0 一、浏览器结构图&#xff08;简化示意图&#xff09; 1、用户界面&#xff1a;用于展示除标签页之外的其他用户界面内容。 2、浏览器引擎&#xff1a; 用于在用户界面和渲染引擎传…