android - WordPress 主题中的简单 Android 与 iOS 检测

Question

我正在尝试编辑我的 WordPress 主题文件，以便在检测到 Android 设备时显示一个广告代码，如果检测到 iOS 设备则显示另一组代码。

代码格式为:

<script type="text/javascript" src="//xxxxxxxx.js"></script>

我已经尝试过几个以前的答案，例如:

• > Detecting iOS / Android Operating system
• > Detect Android phone via Javascript / jQuery
• > What is the best way to detect a mobile device in jQuery?

所有这些都略有不同，导致我的页面无法加载(空白页)。

有人可以帮助我并发布完整的最简单/最快的代码来简单地检测 Android 和 iOS 并且不对其他任何东西(即 Windows PC)做任何事情。我可以将某些内容复制并粘贴到主题文件中我想要的位置。

编辑:我也尝试过类似下面的方法但无济于事(这正是我粘贴到 WordPress 主题文件中的内容，没有 xxx 并且包括对外部 .js 文件:

<?php var isAndroid = /(android)/i.test(navigator.userAgent);
if (isAndroid) {?>
<script type="text/javascript" src="xxxxxxx.js"></script>
<?php } ?>

和

<?php function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;
  if( userAgent.match( /Android/i ) )
  {?>
    <script type="text/javascript" src="//xxxxxxx.js"></script>
  <?php}
} ?>

Answer 1

[编辑]

尝试将您的代码更改为以下代码段:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<script>

function isAndroid() { 
  return /Android/i.test(navigator.userAgent); 
} 
function isIOS() { 
  return /iPhone|iPad|iPod/i.test(navigator.userAgent); 
} 

if(isAndroid()) { $.getScript("//cdn.bounce.bar/xxxx.js"); } 

</script>

您在上面尝试的方法不起作用的原因是，当解释器正在寻找 PHP 代码时，您试图将 javascript 代码放入 PHP 函数中。

如果您可以直接访问 HTML 页面，那么您可以执行如下操作。此代码几乎直接取自 Detect if browser is running on an Android or iOS device .

<script>
    function isAndroid() { return /Android/i.test(navigator.userAgent); }
    function isIOS() { return /iPhone|iPad|iPod/i.test(navigator.userAgent); }
</script>

请记住，PHP 代码通常在服务器端，而 javascript 代码通常在客户端。我会尝试根据操作系统类型使用 Javascript 加载脚本。如果您使用的是 Jquery，这样的事情可能会起作用:

<script>
    if(isAndroid()) {
        $.getScript("//xxxxxxx.js");
    }
</script>

我仍然不确定您要做什么，但如果这不起作用并提供更多详细信息，请告诉我，我会尽力提供帮助。