オペレーティングシステムに基づいてウェブコンテンツを変更する方法

Question

私はモバイルアプリケーションのためのワードプレスウェブサイトを設計しています。訪問者のために が、私は以下のページのようなオペレーティングシステムに基づいて、テキスト、画像を表示したい - 「アカウント構造部」で、このページで

https://www.sapphireone.com/accounting-software/accounts/
オペレーティングシステム、すなわちに基づいて変化する画像がありますmacとwindows。

私はAndroidとiPhoneで同様のことをしたいと思います。私は次のコードを使用していますが、動作していません。 function.phpため

//コード

function find_andoird() { 
$ua = $_SERVER[‘HTTPS_USER_AGENT’]; 

/* ==== Detect the OS ==== */ 

// Android 
    $android  = strpos($ua, 'Android') ? true : false; 

// iPhone 
    $iphone  = strpos($ua, 'iPhone') ? true : false; 

    return $android; 

} 

// コードテンプレートファイルの

if(find_andoird() == true) { 

<p><strong>Android View</strong></p> 
<p> 
<img src=“accounting-android.png” style="float:left;width:400px;height:600px;"> 
The android view is displayed here. 
</p> 
} 

else { 

<p><strong>iPhone View</strong></p> 
<p> 
<img src=“accounting-iphone.png” style="float:left;width:400px;height:600px;"> 
The iphone view is displayed here. 
</p> 
} 

} 

私はいくつかの助けをして下さい得ることができます。ありがとう

Answer 1

この関数は役に立ちます。

<?php 

$user_agent  = $_SERVER['HTTP_USER_AGENT']; 

function getOS() { 

    global $user_agent; 

    $os_platform = "Unknown OS Platform"; 

    $os_array  = array(
          '/windows nt 6.2/i'  => 'Windows 8', 
          '/windows nt 6.1/i'  => 'Windows 7', 
          '/windows nt 6.0/i'  => 'Windows Vista', 
          '/windows nt 5.2/i'  => 'Windows Server 2003/XP x64', 
          '/windows nt 5.1/i'  => 'Windows XP', 
          '/windows xp/i'   => 'Windows XP', 
          '/windows nt 5.0/i'  => 'Windows 2000', 
          '/windows me/i'   => 'Windows ME', 
          '/win98/i'    => 'Windows 98', 
          '/win95/i'    => 'Windows 95', 
          '/win16/i'    => 'Windows 3.11', 
          '/macintosh|mac os x/i' => 'Mac OS X', 
          '/mac_powerpc/i'  => 'Mac OS 9', 
          '/linux/i'    => 'Linux', 
          '/ubuntu/i'    => 'Ubuntu', 
          '/iphone/i'    => 'iPhone', 
          '/ipod/i'    => 'iPod', 
          '/ipad/i'    => 'iPad', 
          '/android/i'   => 'Android', 
          '/blackberry/i'   => 'BlackBerry', 
          '/webos/i'    => 'Mobile' 
         ); 

    foreach ($os_array as $regex => $value) { 

     if (preg_match($regex, $user_agent)) { 
      $os_platform = $value; 
     } 

    } 

    return $os_platform; 

} 

function getBrowser() { 

    global $user_agent; 

    $browser  = "Unknown Browser"; 

    $browser_array = array(
          '/msie/i'  => 'Internet Explorer', 
          '/firefox/i' => 'Firefox', 
          '/safari/i'  => 'Safari', 
          '/chrome/i'  => 'Chrome', 
          '/opera/i'  => 'Opera', 
          '/netscape/i' => 'Netscape', 
          '/maxthon/i' => 'Maxthon', 
          '/konqueror/i' => 'Konqueror', 
          '/mobile/i'  => 'Handheld Browser' 
         ); 

    foreach ($browser_array as $regex => $value) { 

     if (preg_match($regex, $user_agent)) { 
      $browser = $value; 
     } 

    } 

    return $browser; 

} 


$user_os  = getOS(); 
$user_browser = getBrowser(); 

$device_details = "<strong>Browser: </strong>".$user_browser."<br /><strong>Operating System: </strong>".$user_os.""; 

print_r($device_details); 

echo("<br /><br /><br />".$_SERVER['HTTP_USER_AGENT'].""); 

?> 

Answer 2

detectizr呼ばmodernizr拡張子あります（https://cdnjs.com/libraries/detectizrが、あなたはmodernizr最初に配置する必要があります）。ファンクション文字列を参照するには

/* Hide image with class-a by default */ 
img.class-a { 
    display: block; 
} 

/* showing it in windows 10 only */ 
.windows.windows10 img.class-a { 
    display: block; 
}