html如何判断浏览器

admin
行业动态
2024-03-31
4046

要判断浏览器，可以使用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字符串，然后通过检查该字符串中的关键字来判断浏览器类型，我们将浏览器名称和版本显示在一个表格中。