JS判断浏览器类型

  • 文档创建者:flyingsnake
  • 编辑次数:4次
  • 最近更新:Kevin-s 于 2019-06-23
  • 1. 描述

    有时 IE 系列浏览器对有些页面的支持度不够,我们需要根据用户的浏览器类型进行区分跳转页面,那么如何区分用户使用的浏览器呢?

    我们可以通过浏览器的字头来判断,弹出框显示浏览器类型,效果如下:
    222

    2. 示例

    新建一个工作簿,在 A1 单元格插入按钮控件,命名为按钮,添加点击事件:

    222

    function myBrowser(){
        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
        var isOpera = userAgent.indexOf("Opera") > -1;
        if (isOpera) {
            return "Opera"
        }; //判断是否Opera浏览器
        if (userAgent.indexOf("Firefox") > -1) {
            return "FF";
        } //判断是否Firefox浏览器
        if (userAgent.indexOf("Chrome") > -1){
      return "Chrome";
     }
        if (userAgent.indexOf("Safari") > -1) {
            return "Safari";
        } //判断是否Safari浏览器
        if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
            return "IE";
        }; //判断是否IE浏览器
    }
    //以下是调用上面的函数
    var mb = myBrowser();
    if ("IE" == mb) {
        alert("我是 IE");
    }
    if ("FF" == mb) {
        alert("我是 Firefox");
    }
    if ("Chrome" == mb) {
        alert("我是 Chrome");
    }
    if ("Opera" == mb) {
        alert("我是 Opera");
    }
    if ("Safari" == mb) {
        alert("我是 Safari");
    }

    保存模板,点击填报预览,效果如上图。


    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!