navigator.userAgent.indexOf

浏览器特定样式加载机制
最新推荐文章于 2025-09-20 10:32:26 发布
原创 最新推荐文章于 2025-09-20 10:32:26 发布 · 7.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#stylesheet #safari #firefox #function #浏览器

本文通过JavaScript函数解析浏览器类型，并根据不同浏览器类型加载相应的CSS样式，确保网页在不同浏览器中的显示一致性。
 

<script type="text/javascript">
      function getOs() {

          var OsObject = "";

          if (navigator.userAgent.indexOf("MSIE") > 0) {

              return "MSIE";

          }

          if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {

              return "Firefox";
          }

          if (isSafari = navigator.userAgent.indexOf("Safari") > 0) {

              return "Safari";

          }

          if (isCamino = navigator.userAgent.indexOf("Camino") > 0) {

              return "Camino";

          }

          if (isMozilla = navigator.userAgent.indexOf("Gecko/") > 0) {

              return "Gecko";

          }

      }

      alert("您的浏览器类型为:" + getOs());

      switch (getOs()) {
          case "Firefox":

              document.write("<link rel='stylesheet' type='text/css' href='ff.css' />");

              break;

          case "Safari":

              document.write("<link rel='stylesheet' type='text/css' href='sa.css' />");

              break;

          case "Camino":

              document.write("<link rel='stylesheet' type='text/css' href='ca.css' />");

              break;

          case "Gecko":

              document.write("<link rel='stylesheet' type='text/css' href='ge.css' />");

              break;

          default:

              document.write("<link rel='stylesheet' type='text/css' href='ie.css' />");

              break;

      }

</script>

 

 

<body onload=" getOs()">

关于navigator.userAgent
12-29
用js中的用户代理，判断浏览的类型，其中包括判断pc端、移动端、判断用户移动端使用的系统平台和操作系统的版本号，判断用户是否在微信中打开
javascript通过navigator.userAgent识别各种浏览器
12-13
原理：根据navigator.userAgent返回值识别 实现： 代码如下: function validBrowser(){ var u_agent = navigator.userAgent; var browser_name=’Failed to identify the browser’; if(u_agent.indexOf(‘Firefox’...
navigator.userAgent.indexOf 浏览器的兼容问题
weixin_30872867的博客
11-05 530
<script type="text/javascript"> function getOs() { var OsObject = ""; if (navigator.userAgent.indexOf("MSIE") > 0) { return "MSIE"; }...
JavaScript判断浏览器类型及版本
LHHfp2013的博客
09-07 1076
你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发...
Navigator userAgent 属性
最新发布
likuoelie的博客
09-20 1204
navigator.userAgent是JavaScript中用于获取浏览器用户代理字符串的属性，包含浏览器类型、版本、操作系统等信息。本文介绍了其定义、格式、基本用法和常见场景，如浏览器检测、设备适配等。由于用户代理字符串可伪造且格式不统一，建议使用特性检测或ua-parser-js等库进行解析。文章还提供了浏览器识别、版本检测等示例代码，并强调隐私和性能注意事项。navigator.userAgent虽广泛支持，但推荐结合现代API如userAgentData使用。
navigator.userAgent判断浏览器兼容
Khun_HWJ的博客
03-16 3821
userAgent 用户代理。通过浏览器控制台alert( navigator.userAgent );可以获得当前浏览器的信息，如果逆推呢？ 通过navigator.userAgent判断是哪款浏览器 navigator.userAgent字符串中， 有“firefox”的是火狐浏览器， 有“chrome”也有“safari”的是谷歌浏览器， 只有“safari”或“iphone”的是苹果浏览器...
uni-datetime-picker在钉钉中报错：undefined is not an object (evaluating ‘navigator.userAgent.toLowerCase‘)
一步一个坑
03-31 342
uni-datetime-picker组件在钉钉小程序中点击失效，报错undefined is not an object
navigator.userAgent.indexOf("MSIE") > -1 &&
09-09
if (navigator.userAgent.indexOf("compatible") > -1 && navigator.userAgent.indexOf("MSIE") > -1 && !isOpera) { var ieVersion = parseFloat(navigator.userAgent.match(/MSIE (\d+\.\d+);/)[1]); if (ie...
navigator['is' + t] = function () { return navigator.userAgent.indexOf(t) != -1; };是什么意思
09-11
通过使用navigator.userAgent.indexOf(t)，我们可以查找t在用户代理字符串中的索引位置。如果索引位置不等于-1，则说明用户代理字符串中包含了t，返回true；否则返回false。这个is函数的作用是简化代码，在需要判断...
navigator.useragent获取什么
05-23
if (navigator.userAgent.indexOf("MSIE") !== -1) { // 进行针对 IE 浏览器的特定处理 } else if (navigator.userAgent.indexOf("Firefox") !== -1) { // 进行针对 Firefox 浏览器的特定处理 } else if ...
JS通过navigator.userAgent来进行浏览器类型判断
m0_52033165的博客
11-08 425
随着浏览器越来越多，项目的兼容性不好把握，做项目时遇到的问题，记录一下。代码来源 // 判断浏览器内核、手机系统等，使用 browser.userAgent.mobile var browser = { userAgent: function () { var ua = navigator.userAgent; var ualower = navigator.userAgent.toLocaleLowerCase(); return {
indexof初识
dengfubi7044的博客
07-12 124
window.navigator.userAgent,window.navigator.userAgent.indexOf('Chrome')，在判断浏览器是否兼容的时候，如果userAgent字符串中包含“Chrome“那么console.log（window.navigator.userAgent,window.navigator.userAgent.indexOf('Chrome'...
navigator.userAgent.indexOf来判断浏览器类型
qsfwy的专栏
10-07 1029
  &lt;script language="JavaScript"&gt;     &lt;!-- function getOs() {     var OsObject = "";    if(navigator.userAgent.indexOf("MSIE")&gt;0) {         return "MSIE";    }    if(isFirefox=navigator.use
获取浏览器类型，Navigator.userAgent
布知什么
05-05 401
theme: channing-cyan highlight: a11y-dark 获取浏览器类型，Navigator.userAgent 一、前言 又又又遇到了兼容 IE 的需求，好在只需要兼容到 IE11，这是一个 bpmn 流程设计器生成流程图(svg)，用了一种保存图的写法，但这种写法在 IE11 上有bug，总之就是保存的图没有 Chrome 等其他浏览器完美。于是我们需要识...
navigator.userAgent.indexOf(“MSIE“) IE 11 返回 -1
梦凝哲雪
09-19 2487
演示JS案例 节点交换位置 swapNode兼容各浏览器 运行时 被navigator.userAgent.indexOf 判断 绕晕 差点怀疑人生 果断输出发现 IE 11 和 其他浏览器都是返回 -1 而IE 11以下都是 25 火狐 IE 11 IE 11以下 5 7 8 9 10 ...
js判断手机操作系统是安卓还是苹果，显示不同的标志
仿站、源码搭建/迁移技术博客
08-18 411
js判断手机操作系统是安卓还是苹果，显示不同的标志 <div id="android_download" class="app" style="display:none"><a href="#">APP下载</a></div> <script> if(navigator.userAgent.indexOf("Kenfor")==-1 && navigator.userAge
浏览器（一）
sanyecao12138的博客
03-18 370
Navigator对象 包含有关浏览器的信息（所有浏览器都支持） 【对象集合】 plugins -- 安装在浏览器中的插件数组 【对象属性】 appCodeName -- 浏览器的代码名（字符串表示） appMinorVersion -- 浏览器的次级版本 appName -- 浏览器名称（字符串表示） appVersion -- 浏览器的平台和版本信息（字符串表示） browserLanguage -- 当前浏览器的语言 cookieEnabled -- 如果启用cookie返回true，否则返回.
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值