`
sty2008boy
  • 浏览: 302365 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

JS 检测浏览器

阅读更多
<script type="text/javascript">
function check(reg) {
  var ug = navigator.userAgent.toLowerCase();
  return reg.test(ug);
}
function checkBrowser() {
  var ug = navigator.userAgent.toLowerCase();
  var userAgent = document.getElementById("userAgent");
  userAgent.innerHTML = "浏览器的用户代理报头:" + ug;
  var browserType = "";
  var ver = "";
 
  //检测IE及版本
  var IE = ug.match(/msie\s*\d\.\d/); //提取浏览器类型及版本信息,注match()方法返回的是数组而不是字符串
  var isIE = check(/msie/);
  if(isIE) {
   browserType = "Internet Explorer";
   ver = IE.join(" ").match(/[0-9]/g).join("."); //先用join()方法转化为字符串,然后用match()方法匹配到版本信息,再用join()方法转化为字符串
  }
 
  //检测chrome及版本
  var chrome = ug.match(/chrome\/\d\.\d/gi);
  var isChrome = check(/chrome/);
  if(isChrome) {
   browserType = "Chrome";
   ver = chrome.join(" ").match(/[0-9]/g).join(".");
  }
 
  //检测firefox及版本
  var firefox = ug.match(/firefox\/\d\.\d/gi);
  var isFirefox = check(/firefox/);
  if(isFirefox) {
   browserType = "Firefox";
   ver = firefox.join(" ").match(/[0-9]/g).join(".");
  }
  var browser = document.getElementById("browser");
  browser.innerHTML = "您正在使用的浏览器为:" + browserType + "<span style='padding-left:15px;'>版本为:</span>" + ver;
}
</script>
分享到:
评论

相关推荐

    js检测浏览器类型

    在JavaScript中,检测浏览器类型是常见的需求,这有助于开发者针对不同浏览器实现特定的功能或优化。以下将详细讲解如何使用JavaScript来识别用户所使用的浏览器类型。 首先,JavaScript提供了`navigator`对象,它...

    js检测浏览器版本 javascript检测浏览器

    可以检测 目前主流的浏览器及版本,包括 *Microsoft Internet Explorer IE浏览器 * --&gt; TheWorld 世界之窗 * --&gt; TT浏览器 * --&gt; 360浏览器 * Mathon 傲游浏览器 * Opera Opera浏览器 * Fire...

    js检测各种浏览器

    js检测ie8,ie9,ie10,ie11,edge,chrome,safari,opera。vue可直接引入。

    js检测浏览器版本代码,兼容ie11

    标题"js检测浏览器版本代码,兼容ie11"表明我们要讨论的是如何使用JavaScript编写代码来识别用户的浏览器类型和版本,并且这种检测方法应该适用于IE11。描述中的“有原创部分,有借鉴部分”提示我们,这可能涉及到...

    基于js判断浏览器是否支持webGL.docx

    "基于js判断浏览器是否支持webGL" 基于JavaScript判断浏览器是否支持WebGL是Web开发中一个非常重要的知识点。WebGL(Web Graphics Library)是一种基于浏览器的图形库,允许开发者使用JavaScript编写三维图形应用...

    javascript 检测浏览器类型和版本的代码.docx

    ### JavaScript检测浏览器类型和版本的方法 #### 一、概述 在Web开发中,有时需要根据用户的浏览器类型或版本来提供不同的功能或体验。这可以通过多种方式实现,其中两种常用的方法为**对象/特征检测法**与**User-...

    基于JavaScript检测浏览器版本及操作系统版本

    1、资源内容:基于JavaScript检测浏览器版本及操作系统版本 2、适用人群:计算机,电子信息工程、数学等专业的学习者,作为“参考资料”参考学习使用。 3、解压说明:本资源需要电脑端使用WinRAR、7zip等解压工具...

    js检测浏览器版本、核心、是否移动端示例

    通过以上知识点的详细解析,我们可以了解到利用JavaScript检测浏览器类型、版本、内核和移动状态的技术细节。这对于Web开发人员进行跨浏览器兼容性测试和优化具有重要的指导意义。在实际工作中,开发人员应熟练掌握...

    javascript检测浏览器的缩放状态实现代码

    JavaScript检测浏览器缩放状态的实现涉及到前端开发中对用户界面交互的深入理解。在当今的Web开发中,随着不同设备和屏幕分辨率的多样化,了解网页内容在浏览器中的实际显示比例变得尤为重要。用户通常可以通过按键...

    能够识别浏览器是否处于隐身模式

    在JavaScript开发中,有时我们需要检测用户的浏览器是否处于隐身(Incognito)模式,这可能是为了提供特定的功能或调整用户体验。"能够识别浏览器是否处于隐身模式"这个主题涉及到的是浏览器隐私模式的检测技术。...

    js检测浏览器

    可以检测 目前主流的浏览器及版本,包括 *Microsoft Internet Explorer IE浏览器 * --&gt; TheWorld 世界之窗 * --&gt; TT浏览器 * --&gt; 360浏览器 * Mathon 傲游浏览器 * Opera Opera浏览器 * Firefox 火狐浏览器...

    javascript获取浏览器类型和版本的方法(js获取浏览器版本).docx

    3. JavaScript 检测浏览器类型和版本的代码 4. js/jquery 推断浏览器类型的方法 获取浏览器类型和版本是一个非常重要的功能,它可以帮助开发者更好地适应不同的浏览器环境,从而提高 web 应用程序的兼容性和可用性...

    使用js检测浏览器是否支持html5中的video标签的方法

    总的来说,通过JavaScript检测浏览器对HTML5 `video`标签以及特定视频编码的支持,是实现网页视频播放兼容性的重要步骤。这不仅能提高用户体验,也能确保视频内容能在广泛的设备和浏览器环境中得到有效的呈现。

    JS检测浏览器开发者工具是否打开的方法详解

    本篇文章主要讲述几种前端JS检测开发者工具是否打开的方法。    一、重写toString() 对于一些浏览器,比如Chrome、FireFox,如果控制台输出的是对象,则保留对象的引用,每次打开开发者工具的时候都会重新调用...

    使用js检测当前浏览器版本,多浏览器类型和版本号检测

    本文将深入探讨如何使用JavaScript来检测浏览器版本,特别关注IE(Internet Explorer)的各种版本。 1. **获取浏览器信息的基础方法** JavaScript提供了`navigator`对象,该对象包含了关于用户浏览器的信息。我们...

    JavaScript检测是否开启了控制台(F12调试工具)

    JavaScript检测是否开启了控制台(调试工具) 测试后在chrome有效 不少人防止别人趴源码,一般采用检测按键F12之类的,但是这些基本没什么用 现在介绍一个方法,非常管用,可以检测到你是否开启了控制台程序,可以...

    js 特效 html 特效 检测浏览器支持的js版本

    js 特效 html 特效 检测浏览器支持的js版本 js 特效 html 特效 检测浏览器支持的js版本

    js实现div随浏览器高度变化

    js实现div随浏览器高度变化,主要是高度变化和实现滚动条,还有侧栏显示隐藏,可以作为一个地图开发界面的参考

    navigator-检测浏览器版本-javascript

    ### 使用navigator对象检测浏览器版本及特性 在网页开发过程中,有时候我们需要根据用户的浏览器类型或版本来调整页面的行为或样式。JavaScript 提供了 `navigator` 对象来帮助开发者获取客户端浏览器的相关信息,...

Global site tag (gtag.js) - Google Analytics