浏览器查找会在 Chrome 开发控制台打开时返回错误的浏览器

Question

我正在使用此代码来识别用户的浏览器。当我只是在Chrome中加载一个页面时，它工作得很好，但是，当我打开Chrome开发人员控制台时，即使它仍然是谷歌浏览器，它也会返回“Safari”。有人知道如何解决它吗？

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

请禁用响应模式（如果已启用）。截图您可以使用 或 禁用响应式视图。我想你已经在iPhone或ipad响应模式下打开了它。ctrl+mcmd+m