老师,麻烦检查下代码。另外有个关于浏览器信息问题。

老师,麻烦检查下代码。另外有个关于浏览器信息问题。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>获取浏览器信息</title>

</head>

<body>

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

    <script>

        var btn=document.getElementById("btn");

        btn.onclick=function (){

            function getBrowser(){

            var explor=navigator.userAgent.toLowerCase(),browser;

            if (explor.indexOf("msie")>-1 || explor.indexOf("gecko")>-1){

                browser="IE";

            }else if(explor.indexOf("chrome")>-1){

                browser="Chrome";

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

                browser="Firefox";

            }else if(explor.indexOf("safari")>-1 && explor.indexOf("chrome")==-1){

                browser="Safari";

            }

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

                borwser="Opera";

            }

            return browser;

        }

        alert("您现在使用的是:"+getBrowser()+"浏览器");

        }

    </script>

</body>

</html>

1、麻烦看下代码是否可以?

2、像弹出浏览器信息框的时候上面有多个浏览器名称,到底哪个才是当前使用的浏览器?例如下图:

http://img1.sycdn.imooc.com//climg/5d7889ef0001d22504730176.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕码 2019-09-11 19:32:01

同学你好!

1.360浏览器是一个双核浏览器,IE的内核和Webkit内核,这边测试360安全浏览器是这样的:

http://img1.sycdn.imooc.com//climg/5d78d28f0949645609650101.jpg

2. 因为360浏览器,chrome和Safari浏览器的内核一样,所以会都检测到,使用的是Webkit内核(现在使用的是Blink,是Webkit的一个分支):

http://img1.sycdn.imooc.com//climg/5d78d27a09b8d5a004030089.jpg

3.KHTML, like Gecko这个是浏览器自己解析出来的内容,Gecko是开源的,很多浏览器都用过。Webkit的前前身是Gecko。

4.不用区分这个,只要记住几个主要的就可以了,实际中作用不是很大:

IE浏览器:使用Trident内核

Chrome浏览器:以前使用WebKit内核,现在使用Blink内核

Firefox浏览器(火狐):其内核是Gecko

如果帮到了你,欢迎采纳,祝学习愉快~

好帮手慕码 2019-09-11 15:21:13

同学你好!

测试结果是有一些问题的,无论用什么浏览器测试弹出都是ie浏览器,代码中建议修改如下:

http://img1.sycdn.imooc.com//climg/5d789cb609a82fbf06510082.jpg

效果:

谷歌:

http://img1.sycdn.imooc.com//climg/5d789cc10965d0da03800068.jpg

火狐:

http://img1.sycdn.imooc.com//climg/5d789ccb09d4638502910051.jpg

这个指的是69版本的谷歌浏览器

如果帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 Qua #1
    我想问的是浏览器信息上怎么会有多个浏览器名称,怎么区分当前使用的是哪个?我截图的是360浏览器的信息,上面又有gecko,又有chrome,又有Safari,这些是什么意思?还有360不是属于IE的吗?
    2019-09-11 15:27:58
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师