使用navigator.userAgent获取登录客户端的一些信息

最新推荐文章于 2025-05-28 11:03:52 发布

原创最新推荐文章于 2025-05-28 11:03:52 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端开发

本文介绍如何通过JavaScript的navigator.userAgent属性来获取用户的浏览器类型、版本以及访问设备的相关信息，这对于前端开发者进行浏览器兼容性和用户体验优化至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取浏览器和访问平台

var get_user_information=function(){
    //获取主流的设备信息
    var browser_infor = navigator.userAgent;
    var browser_version = 'Failed to identify the browser';
    var browser_name='Failed to identify the browser'; 
    var platform='Failed to get platform information';

    //平台信息
    if(browser_infor.indexOf('Windows')>-1){
        //PC平台
       platform=browser_infor.slice(browser_infor.indexOf('Windows'),browser_infor.indexOf(')'));
    }else if(browser_infor.indexOf('Linux')>-1){
        //android平台
        platform=browser_infor.substr(browser_infor.indexOf('Android'),13);
    }else if(browser_infor.indexOf('iPhone')>-1){
        // platform="iPhone";
        platform=browser_infor.slice(browser_infor.indexOf('iPhone OS'),browser_infor.indexOf('like Mac'));
    }

    //浏览器版本信息
    if(platform.indexOf('Windows')>-1){
        if(browser_infor.indexOf('Firefox')>-1){ 
            browser_name='Firefox'; 
            browser_version=browser_infor.substr(browser_infor.indexOf('FireFox')-3,10);
        }else if(browser_infor.indexOf("Edge")>-1){
            browser_name='Edge'; 
            browser_version=browser_infor.substr(browser_infor.indexOf('Edge')+5,10);
        }else if(browser_infor.indexOf('OPR')>-1){ 
            browser_name='Opera'; 
            browser_version=browser_infor.substr(browser_infor.indexOf('OPR')+4,4);
        }else if(browser_infor.indexOf('Chrome')>-1){ 
            browser_name='Chrome'; 
            browser_version=browser_infor.substr(browser_infor.indexOf('Chrome')+7,4);
        }else if(browser_infor.indexOf('Safari')>-1){ 
            browser_name='Safari'; 
            browser_version=browser_infor.substr(browser_infor.indexOf('Safari')+7,15);
        }else if(browser_infor.indexOf('Trident')>-1&&browser_infor.indexOf('rv:11')>-1){ 
            browser_name='IE11'; 
            browser_version=browser_infor.substr(browser_infor.indexOf('rv')+3,4);
        }else{ 
            browser_name='A browser that is not expected'; 
            browser_version="A browser that is not expected";
        } 
    }else if(platform.indexOf('Android')>-1){
        browser_name='Android Browser'; 
        browser_version="Android Browser";
    }else if(platform.indexOf('iPhone')>-1){
        browser_name="iPhone Browser";
        browser_version="iPhone Browser";
    }

    return {
        browserName:browser_name,
        browserVersion:browser_version,
        platform:platform,
        loginTime:new Date()
    }
}