blocks|key|4661821|text|您可以测试用户代理字符串：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4661822|/**
+*+Determine+the+mobile+operating+system.
+*+This+function+returns+one+of+'iOS',+'Android',+'Windows+Phone',+or+'unknown'.
+*
+*+@returns+{String}
+*/
function+getMobileOperatingSystem()+{
++++var+userAgent+=+navigator.userAgent+%7C%7C+navigator.vendor+%7C%7C+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%7CiPhone%7CiPod/.test(userAgent)+&&+!window.MSStream)+{
++++++++return+"iOS";
++++}

++++return+"unknown";
}|code-block|syntax|javascript|4661823|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can test the user agent string:
<pre><code>/**
 * 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 &quot;Android&quot;
 if (/windows phone/i.test(userAgent)) {
 return &quot;Windows Phone&quot;;
 }

 if (/android/i.test(userAgent)) {
 return &quot;Android&quot;;
 }

 // iOS detection from: http://stackoverflow.com/a/9039885/177710
 if (/iPad|iPhone|iPod/.test(userAgent) &amp;&amp; !window.MSStream) {
 return &quot;iOS&quot;;
 }

 return &quot;unknown&quot;;
}
</code></pre>

blocks|key|155558|text|这个问题已经在这里得到了解决：What+is+the+best+way+to+detect+a+mobile+device+in+jQuery?。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|155559|根据公认的答案，他们基本上是测试它是iPhone、iPod、安卓设备还是任何返回true的设备。只需保留你想要的，例如，if(+/Android/i.test(navigator.userAgent)+)+{+//+some+code..+}将只为安卓用户代理返回true。|style|CODE|155560|然而，用户代理并不是真正可靠的，因为它们可以改变。最好的办法仍然是开发出适用于所有移动平台的通用软件。|155561|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-handheld-device-in-jquery^0|F|1L|0|0|1O|1P|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@$A|W|B|X|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]]]

This issue has already been resolved here : <a href="https://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-handheld-device-in-jquery">What is the best way to detect a mobile device in jQuery?</a>.

On the accepted answer, they basically test if it's an iPhone, an iPod, an Android device or whatever to return true. Just keep the ones you want for instance <code>if( /Android/i.test(navigator.userAgent) ) { // some code.. }</code> will return true only for Android user-agents.

However, user-agents are not really reliable since they can be changed. The best thing is still to develop something universal for all mobile platforms.

blocks|key|4661882|text|使用cordova-device-plugin，您可以检测|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4661883|device.platform|code-block|syntax|javascript|4661884|android将是"Android“，windows将是"windows”。在设备上工作，当在浏览器上模拟时。下面是将显示设备值的敬酒词：|4661885|++++window.plugins.toast.showLongTop(
++++'Cordova:+++++'+%2B+device.cordova+%2B+'\n'+%2B
++++'Model:+++++++'+%2B+device.model+%2B+'\n'+%2B
++++'Platform:++++'+%2B+device.platform+%2B+'\n'+%2B
++++'UUID:++++++++'+%2B+'\n'+%2B
++++++++++++++++++++++device.uuid+%2B+'\n'+%2B
++++'Version:+++++'+%2B+device.version+%2B+'\n'+%2B
++++'Manufacturer+'+%2B+device.manufacturer+%2B+'\n'+%2B
++++'isVirtual++++'+%2B+device.isVirtual+%2B+'\n'+%2B
++++'Serial+++++++'+%2B+device.serial);|4661886|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Using the cordova-device-plugin, you can detect

<pre><code>device.platform
</code></pre>

will be "Android" for android, and "windows" for windows. Works on device, and when simulating on browser. Here is a toast that will display the device values:

<pre><code> window.plugins.toast.showLongTop(
 'Cordova: ' + device.cordova + '\n' +
 'Model: ' + device.model + '\n' +
 'Platform: ' + device.platform + '\n' +
 'UUID: ' + '\n' +
 device.uuid + '\n' +
 'Version: ' + device.version + '\n' +
 'Manufacturer ' + device.manufacturer + '\n' +
 'isVirtual ' + device.isVirtual + '\n' +
 'Serial ' + device.serial);
</code></pre>

blocks|key|4661926|text|您还可以创建Firbase+Dynamic+links，它将根据您的需求工作。它支持多种平台。此链接可以手动创建，也可以通过编程创建。然后您可以将此链接嵌入到二维码中。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4661927|如果安装了目标应用程序，该链接会将用户重定向到应用程序。如果没有安装，它将重定向到Play+Store/App+store/任何其他已配置的网站。|4661928|entityMap|0|LINK|mutability|MUTABLE|url|https://firebase.google.com/docs/dynamic-links/^0|6|L|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

You also can create <a href="https://firebase.google.com/docs/dynamic-links/" rel="nofollow noreferrer">Firbase Dynamic links</a> which will work as per your requirement. It supports multiple platforms. This link can be created, manually as well as via programming. You can then embed this link in QR code. 

If the target app is installed, the link will redirect user to app. If its not installed it will redirect to Play Store/App store/Any other configured website.

blocks|key|4661940|text|你也可以通过php上的用户代理实现这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4661941|$userAgent+=+strtolower($_SERVER['HTTP_USER_AGENT']);

if(stripos($userAgent,'android')+!==+false)+{+//+&&+stripos($userAgent,'mobile')+!==+false)+{
++header('Location:+http://oursite.com/download/yourApp.apk');

exit();|code-block|syntax|javascript|4661942|}|4661943|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can also Achieve this with user agent on php:

<pre><code>$userAgent = strtolower($_SERVER['HTTP_USER_AGENT']);

if(stripos($userAgent,'android') !== false) { // &amp;&amp; stripos($userAgent,'mobile') !== false) {
 header('Location: http://oursite.com/download/yourApp.apk');

exit();
</code></pre>

}

blocks|key|155654|text|如果您的网站使用React+Js，请使用https://www.npmjs.com/package/react-device-detect|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|155655|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/react-device-detect^0|K|1D|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you're using React Js for your website, use <a href="https://www.npmjs.com/package/react-device-detect" rel="nofollow noreferrer">https://www.npmjs.com/package/react-device-detect</a>

blocks|key|4662010|text|对于这种和其他类型的客户端检测，我建议使用这个js库：http://hictech.github.io/navJs/tester/index.html|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4662011|对于您的特定答案，请使用：|4662012|navJS.isIOS()+%7C%7C+navJS.isAndroid()|code-block|syntax|javascript|4662013|entityMap|0|LINK|mutability|MUTABLE|url|http://hictech.github.io/navJs/tester/index.html^0|R|1C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

For this and other kind of client detections I suggest this js library:
<a href="http://hictech.github.io/navJs/tester/index.html" rel="nofollow noreferrer">http://hictech.github.io/navJs/tester/index.html</a>

For your specific answer use:

<pre><code>navJS.isIOS() || navJS.isAndroid()
</code></pre>

blocks|key|155719|text|这里有一个简单的js脚本(在html标签中)，它检测设备的类型，然后重定向到正确的商店。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|155720|<script>
var+userAgent+=+navigator.userAgent+%7C%7C+navigator.vendor+%7C%7C+window.opera;

++++//+Huawei+Phone+must+come+first+because+its+UA+also+contains+"Android"
++++if+(userAgent.includes("HUAWEI"))+{
+++++++window.location.replace("https://appgallery.huawei.com/app/C101184875");
++++}+else+if+(userAgent.includes("Android"))+{
++++++++window.location.replace("https://play.google.com/store/apps/details?id=org.telegram.messenger&hl=en&gl=US");
++++}+else+if+(userAgent.includes("iPhone"))+{
++++++++window.location.replace("https://apps.apple.com/us/app/telegram-messenger/id686449807");
++++}+else+{
++++++++//cant+be+sure+about+device,+so+redirect+to+home+page
++++++++window.location.replace("https://google.ro");
++++}
</script>|code-block|syntax|javascript|155721|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here's a simple js script (in html tags), that detects the type of device then redirects to the right Store.
<pre><code>&lt;script&gt;
var userAgent = navigator.userAgent || navigator.vendor || window.opera;

 // Huawei Phone must come first because its UA also contains &quot;Android&quot;
 if (userAgent.includes(&quot;HUAWEI&quot;)) {
 window.location.replace(&quot;https://appgallery.huawei.com/app/C101184875&quot;);
 } else if (userAgent.includes(&quot;Android&quot;)) {
 window.location.replace(&quot;https://play.google.com/store/apps/details?id=org.telegram.messenger&amp;hl=en&amp;gl=US&quot;);
 } else if (userAgent.includes(&quot;iPhone&quot;)) {
 window.location.replace(&quot;https://apps.apple.com/us/app/telegram-messenger/id686449807&quot;);
 } else {
 //cant be sure about device, so redirect to home page
 window.location.replace(&quot;https://google.ro&quot;);
 }
&lt;/script&gt;
</code></pre>

blocks|key|155768|text|function+getOS()+{
++var+uA+=+navigator.userAgent+%7C%7C+navigator.vendor+%7C%7C+window.opera;
++if+((/iPad%7CiPhone%7CiPod/.test(uA)+&&+!window.MSStream)+%7C%7C+(uA.includes('Mac')+&&+'ontouchend'+in+document))+return+'iOS';

++var+i,+os+=+['Windows',+'Android',+'Unix',+'Mac',+'Linux',+'BlackBerry'];
++for+(i+=+0;+i+<+os.length;+i%2B%2B)+if+(new+RegExp(os[i],'i').test(uA))+return+os[i];
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|155769|您现在可以像这样使用它：|unstyled|155770|alert(getOS());|155771|工作代码段：|155772|​|155773|function+getOS()+{
++var+uA+=+navigator.userAgent+%7C%7C+navigator.vendor+%7C%7C+window.opera;
++if+((/iPad%7CiPhone%7CiPod/.test(uA)+&&+!window.MSStream)+%7C%7C+(uA.includes('Mac')+&&+'ontouchend'+in+document))+return+'iOS';

++var+i,+os+=+['Windows',+'Android',+'Unix',+'Mac',+'Linux',+'BlackBerry'];
++for+(i+=+0;+i+<+os.length;+i%2B%2B)+if+(new+RegExp(os[i],'i').test(uA))+return+os[i];
}

console.log(getOS());|155774|155775|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|T|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|U|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|V|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|W|8|@]|9|@]|A|$B|C]]|$1|O|3|L|5|F|7|X|8|@]|9|@]|A|$]]|$1|P|3|-4|5|F|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<pre><code>function getOS() {
 var uA = navigator.userAgent || navigator.vendor || window.opera;
 if ((/iPad|iPhone|iPod/.test(uA) &amp;&amp; !window.MSStream) || (uA.includes('Mac') &amp;&amp; 'ontouchend' in document)) return 'iOS';

 var i, os = ['Windows', 'Android', 'Unix', 'Mac', 'Linux', 'BlackBerry'];
 for (i = 0; i &lt; os.length; i++) if (new RegExp(os[i],'i').test(uA)) return os[i];
}
</code></pre>
You can use it now like:
<pre><code>alert(getOS());
</code></pre>
Working snippet:
<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function getOS() {
 var uA = navigator.userAgent || navigator.vendor || window.opera;
 if ((/iPad|iPhone|iPod/.test(uA) &amp;&amp; !window.MSStream) || (uA.includes('Mac') &amp;&amp; 'ontouchend' in document)) return 'iOS';

 var i, os = ['Windows', 'Android', 'Unix', 'Mac', 'Linux', 'BlackBerry'];
 for (i = 0; i &lt; os.length; i++) if (new RegExp(os[i],'i').test(uA)) return os[i];
}

console.log(getOS());</code></pre>
</div>
</div>

I've done some research, and this question has come up, but not in the way I intend. I'm building a page for a client that is a QR code landing, which is a place to download an application. So he doesn't have to print out 2 QR codes on a page, I'd like to detect the current operating system (Apple/Android/Other[not supported]) and modify my elements based on that value.

I've looked at the script "detectmobilebrowsers" and that is just aimed at telling whether or not the user is mobile at all, whereas I would like to figure out what operating system the user is running and suggest the best application version.

Other answers I found similar to this question seemed either outdated or unreliable (has no detection for Android tablet browsers), so I'm in search of something new. How can I achieve this? (Preferably using jQuery - Javascript - PHP in that order).

Detecting iOS / Android Operating system

Android

Windows

Cordova

jQuery

Linux

Unix

我做了一些研究，这个问题已经出现了，但不是我想要的方式。我正在为一个客户端构建一个页面，它是一个二维码登陆页面，是一个下载应用程序的地方。所以他不必在一个页面上打印出2个二维码，我希望检测当前的操作系统(Apple/Android/Othernot支持)，并根据该值修改我的元素。我看过脚本"detectmobilebr...

问检测iOS / Android操作系统
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测iOS / Android操作系统EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测iOS / Android操作系统
EN