JavaScript检测当前浏览器类型

2018-12-11  本文已影响0人  Leophen

(navigator对象的运用)
实现效果:

点击按钮弹出所使用的浏览器 1.gif
2.gif
附上代码:
<!DOCTYPE html>
<html>
    <head lang="en">

        <meta charset="UTF-8">

        <title>userAgent</title>

    </head>
    <body>

       <input type="button" value="点击获取浏览器信息" id="browser">

       <script type="text/javascript">

            var btn=document.getElementsByTagName("input")[0];

            //封装一个检测浏览器类型的函数
            function getBrowser(){

                //获取userAgent属性
                var explorer=navigator.userAgent.toLowerCase(),

                    browser;

                if(explorer.indexOf("chrome")>-1){

                    browser="chrome";

                }

                else if(explorer.indexOf("firefox")>-1){

                    browser="firefox";

                }

                else if(explorer.indexOf("opera")>-1){

                    browser="opera";

                }

                else if(explorer.indexOf("safari")>-1){

                    browser="safari";

                }

                alert("您当前使用的浏览器是"+browser+"浏览器");

            }

            //给按钮绑定鼠标点击事件
            btn.onclick=getBrowser;

       </script>
       
    </body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读