我做了一些研究，这个问题也出现了，但不是我想要的方式。我正在为客户端构建一个页面，这是一个QR码登陆，这是一个下载应用程序的地方。所以他不需要在页面上打印2个QR码，我想检测当前的操作系统(苹果/安卓/其他[不支持])，并根据该值修改我的元素。
我已经看过脚本“detectmobilebrowsers”，它的目的只是告诉用户是否移动，而我想弄清楚用户正在运行什么操作系统，并建议最好的应用程序版本。
我发现与这个问题类似的其他答案要么过时，要么不可靠(Android平板电脑浏览器没有检测)，所以我正在寻找一些新的答案。我怎样才能做到这一点呢?(最好使用jQuery - Javascript - PHP的顺序)。
当前回答
function getOS() {
var uA = navigator.userAgent || navigator.vendor || window.opera;
if ((/iPad|iPhone|iPod/.test(uA) && !window.MSStream) || (uA.includes('Mac') && 'ontouchend' in document)) return 'iOS';
var i, os = ['Windows', 'Android', 'Unix', 'Mac', 'Linux', 'BlackBerry'];
for (i = 0; i < os.length; i++) if (new RegExp(os[i],'i').test(uA)) return os[i];
}
你现在可以这样使用它:
alert(getOS());
工作代码片段:
函数getOS() { var uA =导航器。userAgent || navigator。window.opera; if (/iPad|iPhone|iPod/.test(uA) && !window.MSStream) || (uA.includes('Mac') && 'ontouchend' in document))返回'iOS'; var, os =[“窗口”,“Android”,“Unix”,“苹果”,“Linux”,“黑莓”); For (i = 0;I < os.length;我+ +)如果(新RegExp (os(我),“我”)。test (uA))返回操作系统(我); ｝ console.log (getOS ());
其他回答
您可以测试用户代理字符串:
/**
* Determine the mobile operating system.
* This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'.
*
* @returns {String}
*/
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
// Windows Phone must come first because its UA also contains "Android"
if (/windows phone/i.test(userAgent)) {
return "Windows Phone";
}
if (/android/i.test(userAgent)) {
return "Android";
}
// iOS detection from: http://stackoverflow.com/a/9039885/177710
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
return "iOS";
}
return "unknown";
}
这个问题已经在这里解决了:在jQuery中检测移动设备的最佳方法是什么?
对于已接受的答案，它们基本上会测试它是否是iPhone, iPod, Android设备或其他设备，以返回true。只保留那些你想要的，例如if(/Android/i.t test(navigator.userAgent)){//一些代码..}将只对Android用户代理返回true。
然而，用户代理并不是真正可靠的，因为它们可以被更改。最好的事情仍然是开发适用于所有手机平台的东西。
对于这种和其他类型的客户端检测，我建议使用这个js库: http://hictech.github.io/navJs/tester/index.html
对于你的具体答案使用:
navJS.isIOS() || navJS.isAndroid()
如果你的网站使用React Js，请使用https://www.npmjs.com/package/react-device-detect
function getOS() {
var uA = navigator.userAgent || navigator.vendor || window.opera;
if ((/iPad|iPhone|iPod/.test(uA) && !window.MSStream) || (uA.includes('Mac') && 'ontouchend' in document)) return 'iOS';
var i, os = ['Windows', 'Android', 'Unix', 'Mac', 'Linux', 'BlackBerry'];
for (i = 0; i < os.length; i++) if (new RegExp(os[i],'i').test(uA)) return os[i];
}
你现在可以这样使用它:
alert(getOS());
工作代码片段:
函数getOS() { var uA =导航器。userAgent || navigator。window.opera; if (/iPad|iPhone|iPod/.test(uA) && !window.MSStream) || (uA.includes('Mac') && 'ontouchend' in document))返回'iOS'; var, os =[“窗口”,“Android”,“Unix”,“苹果”,“Linux”,“黑莓”); For (i = 0;I < os.length;我+ +)如果(新RegExp (os(我),“我”)。test (uA))返回操作系统(我); ｝ console.log (getOS ());
