盒子浏览器的检测

最新推荐文章于 2024-03-01 15:58:40 发布

zelda002

最新推荐文章于 2024-03-01 15:58:40 发布

阅读量598

点赞数

分类专栏： jquery

jquery 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文详细介绍了如何通过JavaScript检测浏览器的 userAgent、平台、应用缓存、localStorage、sessionStorage、Canvas支持、分辨率等特性，并利用现代工具进行指纹识别。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>浏览器检测</title>
    <style>
        body{background-color: #FFFFFF;margin: 50px;}
    </style>
    
</head>
<body>

<ul></ul>

<script src="js/jquery-1.7.min.js"></script>
<script src="js/fingerprint.js"></script>
<script src="js/jquery.client.js"></script>
<script type="text/javascript">
    function appendLi(text){
        $('ul').append('<li></li>');
        $('ul li:last-child').text(text);
    }
    $(function(){
        appendLi('userAgent: ' + window.navigator.userAgent);
        appendLi('platform: ' + window.navigator.platform);
        appendLi('appCodeName: ' + window.navigator.appCodeName);
        appendLi('appName: ' + window.navigator.appName);
        appendLi('appVersion: ' + window.navigator.appVersion);
        appendLi('product: ' + window.navigator.product);
        appendLi('支持应用缓存: ' + !!window.applicationCache);
        appendLi('支持localStorage: ' + !!window.localStorage);
        appendLi('支持Modernizr.localStorage: ' + !!Modernizr.localStorage);
        appendLi('支持sessionStorage: ' + !!window.sessionStorage);
        appendLi('支持Modernizr.sessionStorage: ' + !!Modernizr.sessionStorage);
        appendLi('支持Canvas: ' + !!document.createElement('canvas').getContext);
        appendLi('分辨率: ' + $(window).width() + " * " + $(window).height());
        appendLi('JS指纹: ' + new Fingerprint().get());
        appendLi('系统: ' + $.client.os);
    });
</script>
</body>
</html>