javascript - 如何在 MacBook、PC、IOS 和 android 中通过 javascript 代码检测访问者浏览器

Question

如果从 MacBook/PC/IOS 的 SAFARI 浏览器访问我的 Web 应用程序的页面之一，则该页面不起作用

所以我正在检测该页面的浏览器，如果用户正在从 SAFARI 访问该页面，我会告诉他们使用另一个浏览器。我使用的代码是

if (isSafari) {
 document.getElementById("safari").style.display = 'block';
 document.getElementById("other").style.display = 'none';
} 
else {
  document.getElementById("safari").style.display = 'none';
  document.getElementById("other").style.display = 'block';
}

但它只会检测从 PC/或 Mac 使用的浏览器。但是，如果用户使用 Mobile/Iphone/Ipad 或标签页，则此代码不会浏览器。

无论他/她使用哪种设备，我如何检测访问者的浏览器。

感谢您的帮助

Answer 1

// At least Safari 3+: "[object HTMLElementConstructor]"
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
var iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i);
var webkit = !!ua.match(/WebKit/i);
var iOSSafari = iOS && webkit && !ua.match(/CriOS/i);

所以这是最终的输出。

// At least Safari 3+: "[object HTMLElementConstructor]"
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
// for mobile 
var iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i);
var webkit = !!ua.match(/WebKit/i);
var iOSSafari = iOS && webkit && !ua.match(/CriOS/i);

if (isSafari || iOSSafari) {
 document.getElementById("safari").style.display = 'block';
 document.getElementById("other").style.display = 'none';
} 
else {
  document.getElementById("safari").style.display = 'none';
  document.getElementById("other").style.display = 'block';
}

如果你把它放在你的代码之上，它应该可以工作。如果您有更多问题，我很乐意回答。