html如何判断浏览器

要判断浏览器,可以使用JavaScript的navigator对象,navigator对象包含了关于浏览器的信息,如浏览器名称、版本等,以下是一个简单的示例:

(图片来源网络,侵删)
<!DOCTYPE html>
<html>
<head>
    <title>判断浏览器</title>
    <script>
        function getBrowserInfo() {
            var ua = navigator.userAgent;
            var browserName = "Unknown";
            var browserVersion = "Unknown";
            if (ua.indexOf("Chrome") > 1) {
                browserName = "Google Chrome";
                browserVersion = ua.match(/Chrome\/(\d+)/)[1];
            } else if (ua.indexOf("Firefox") > 1) {
                browserName = "Mozilla Firefox";
                browserVersion = ua.match(/Firefox\/(\d+)/)[1];
            } else if (ua.indexOf("MSIE") > 1 || ua.indexOf("Trident") > 1) {
                browserName = "Microsoft Internet Explorer";
                browserVersion = ua.match(/MSIE (\d+)/)[1] || ua.match(/rv:(\d+)/)[1];
            } else if (ua.indexOf("Safari") > 1) {
                browserName = "Apple Safari";
                browserVersion = ua.match(/Version\/(\d+)/)[1];
            } else if (ua.indexOf("Opera") > 1) {
                browserName = "Opera";
                browserVersion = ua.match(/Opera\/(\d+)/)[1];
            }
            document.getElementById("browserName").innerHTML = "浏览器名称:" + browserName;
            document.getElementById("browserVersion").innerHTML = "浏览器版本:" + browserVersion;
        }
    </script>
</head>
<body onload="getBrowserInfo()">
    <h1>判断浏览器</h1>
    <table border="1">
        <tr>
            <th>浏览器名称</th>
            <td id="browserName"></td>
        </tr>
        <tr>
            <th>浏览器版本</th>
            <td id="browserVersion"></td>
        </tr>
    </table>
</body>
</html>

在这个示例中,我们首先获取了navigator.userAgent字符串,然后通过检查该字符串中的关键字来判断浏览器类型,我们将浏览器名称和版本显示在一个表格中。

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。