当Chrome dev控制台打开时，浏览器查找返回错误的浏览器

Question

我使用这段代码来识别用户的浏览器。当我在Chrome中加载一个页面时，它的工作效果很好，然而，当我打开Chrome开发者控制台时，它会返回"Safari“，尽管它仍然是Google。有人知道怎么修吗？

var browser = (function (agent) {
                    switch (true) {
                        case agent.indexOf("edge") > -1:
                            return "Edge";
                        case agent.indexOf("edg") > -1:
                            return "chromium based edge (dev or canary)";
                        case agent.indexOf("opr") > -1 && !!window.opr:
                            return "Opera";
                        case agent.indexOf("chrome") > -1 && !!window.chrome:
                            return "Chrome";
                        case agent.indexOf("trident") > -1:
                            return "ie";
                        case agent.indexOf("firefox") > -1:
                            return "Firefox";
                        case agent.indexOf("safari") > -1:
                            return "Safari";
                        default:
                            return "Other";
                    }
                })(window.navigator.userAgent.toLowerCase());
                console.log('User\'s browser is: ', browser);

蒂娅！

解决:禁用响应的IPAD视图合唱！

在这里输入图像描述

Answer 1

是的，这是因为您选择了iPad Pro作为设备，这会改变您的用户代理。尝试将其设置为“响应式”，它应该能正常工作。:)

​

​

Answer 2

如果启用了响应模式，请禁用该模式。屏幕截图

可以使用ctrl+m或cmd+m禁用响应视图。我想你是在iphone或ipad响应模式下打开的。