如何让php判断它是否在iOS或MacOS上运行

Question

我一直在尝试运行网站的两种不同版本：一种用于桌面，另一种用于移动。 我决定使它像这样（使用PHP）工作：如果在Windows，Mac或其他桌面操作系统上，请运行此HTML。 如果在Android，iOS等上运行该HTML。 当我通过Windows或Android访问我的网站时，将运行相应操作系统的HTML。 但是，当我通过iPhone或MacBook进入网站时，无论用户是在iPhone还是MacBook上，iPhone和Mac的代码都会运行：这是我使用的代码：

<!--HTML for macOS --> 

 <?php
if(preg_match( '/macintosh|mac os x/i',  $_SERVER['HTTP_USER_AGENT'])) {

echo' <!--some HTML--> ';  }  ?>


<!--HTML for iPhone--> 


    <?php

       ifif(preg_match('/iphone/i', $_SERVER['HTTP_USER_AGENT'])) {

        echo' <!--some HTML-->  ';  }  ?>

如果您想观察问题，请转至bamfacts.tk，谢谢！

Answer 1

以下脚本会告诉您是OS X还是iOS。 您只需要查看HTTP_USER_AGENT是什么，使用一些正则表达式或字符串操作就可以了。

<?php
// Apple detection array
$Apple = array();
$Apple['UA'] = $_SERVER['HTTP_USER_AGENT'];
$Apple['Device'] = false;
$Apple['Types'] = array('iOS', 'Macintosh');
foreach ($Apple['Types'] as $d => $t) {
    $Apple[$t] = (strpos($Apple['UA'], $t) !== false);
    $Apple['Device'] |= $Apple[$t];
}
// is this an Apple device?
echo
    "<p>Apple device? ", ($Apple['Device'] ? 'true' : 'false'),
    "</p><p>iOS? ", ($Apple['iOS'] ? 'true' : 'false'),
    "</p><p>OS X? ", ($Apple['Macintosh'] ? 'true' : 'false'),
    '</p>';
?>

您也可以使用Java Script进行操作，如下所示：

var Apple = {};
Apple.UA = navigator.userAgent;
Apple.Device = false;
Apple.Types = ["iOS", "Macintosh"];
for (var d = 0; d < Apple.Types.length; d++) {
    var t = Apple.Types[d];
    Apple[t] = !!Apple.UA.match(new RegExp(t, "i"));
    Apple.Device = Apple.Device || Apple[t];
}

// is this an Apple device?
alert(
    "Is it an Apple device? " + Apple.Device +
    " \nIs it iOS? " + Apple.iOS +
    " \nIs it OSX? " + Apple.Macintosh
);

您可以在此处看到Javascript小提琴。

Answer 2

我不认为这是过时的想法，为什么不使用响应式设计。 类似于Bootstrap（ http://getbootstrap.com/ ）的Foundation（ http://foundation.zurb.com/ ）。 或自己动手做（ http://www.w3schools.com/html/html_sensitive.asp ）

响应式基本上是指网站可以缩放为访问者正在使用的屏幕格式（电话，平板电脑，笔记本电脑，大型台式机）。 这样，您的网站就可以在每个设计上工作，而不必为每个设计创建网站。

Answer 3

您也可以使用javascript。

 /* Check if mobile */

var isMobile = {
   Android: function() {
       return navigator.userAgent.match(/Android/i);
   },
   BlackBerry: function() {
       return navigator.userAgent.match(/BlackBerry/i);
   },
   iOS: function() {
       return navigator.userAgent.match(/iPhone|iPad|iPod/i);
   },
   Opera: function() {
       return navigator.userAgent.match(/Opera Mini/i);
   },
   Windows: function() {
       return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
   },
   any: function() {
       return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
   }
};   

if(isMobile.any())
{
 //this is mobile
}