簡體   English   中英

移動或桌面瀏覽器檢測並重定向到相應的 web 頁面

[英]Mobile or desktop browser detection and redirect to respective web page

我正在 PHP 中建立一個網站,該網站在其索引頁面中包含 flash。 我想將通過任何移動瀏覽器訪問我的網站的用戶重定向到頁面 m.index.php,該頁面不包含用於加載目的的 flash(簡單頁面)。 對於通過桌面瀏覽器訪問 index.php 的其他人,其中包含 flash。

如何根據他們的平台重定向每個用戶?

您可以在此答案此答案中使用 .htaccess,或者您可以檢查 php 中的用戶代理:

<?php
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
header('Location: http://detectmobilebrowser.com/mobile');
?>

來自detectmobilebrowser.com的代碼

Mobile Detect是一款輕量級的 PHP class 用於檢測移動設備(包括平板電腦)。 它使用 User-Agent 字符串結合特定的 HTTP 標頭來檢測移動環境。 在繼續之前,請注意,“Mobile Detect”class 是一種服務器端 (PHP) 檢測工具,它不能替代響應式 Web 設計(媒體查詢)或任何其他形式的客戶端特征檢測。

將網站重定向到移動版本

/* Change path info depending on your file locations */
require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;

if($detect->isMobile())
{
    header('Location: http://mobile.example1.com/');
    exit;
}

如果從移動設備查看,上面的代碼現在會將主站點重定向到移動版本。 下面給出了其他一些重定向的用例。

// Any tablet device.
if( $detect->isTablet()) {

}

// Exclude tablets.
if( $detect->isMobile() && !$detect->isTablet()) {

}

// Check for a specific platform with the help of the magic methods:
if( $detect->isiOS()) {

}

if( $detect->isAndroidOS()) {

}

if( $detect->isWindowsPhoneOS()) {

}

根據設備加載不同的資源

$detect = new Mobile_Detect;

if($detect->isMobile() || $detect->isTablet()) {
    echo "<link rel='stylesheet' href='mobile.css type='text/css' />";
} else {
    echo "<link rel='stylesheet' href='style.css type='text/css' />";
}

這使用相同的命令,但設備更少:

<?php $iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"); $android
= strpos($_SERVER['HTTP_USER_AGENT'],"Android"); $palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS"); $berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry"); $ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");

if ($iphone || $android || $palmpre || $ipod || $berry == true)  {
    echo "<script>window.location='http://mblistings.com/mob/index.php'</script>"; } ?>

感謝這個代碼片段,只是有類似的需求,Chrome、FF 和 IE 之間的差異不疊加,簡單的 ccs 編碼不再起作用,因此必須創建一個專用的 HTML 頁面不僅是瀏覽器,還有顯示尺寸以覆蓋 4:3 16:9 比例的屏幕......

無論如何,使用您的示例,我開發了 php 以提供有關瀏覽器類型、構建和屏幕分辨率的反饋。

希望你能找到這種使用的適應,如果有人改進它,歡迎改進,因為只花了 1 小時,所以沒有機會為許多瀏覽器類型指定所有選項 - 所以目前只為 Chrome 完全開發, IE和FF

請享用::

// Start of code //////////////////////////////////////////////
// Source http://stackoverflow.com/questions/6660649/mobile-or-desktop-browser-detection-and-redirect-to-respective-web-page
// Updated Added 14 0220
// need to identify different browsers so as to display correct Window/Div sizing!

$USER_AGENT = explode('/', $_SERVER ['HTTP_USER_AGENT']);

//  print_r ($USER_AGENT);

/* Eliminate IE */
if (strpos($USER_AGENT[1], 'MSIE') !== false ){
   //  echo "Browser ::\t TEST";
}

$browserDetect = explode (" ",$USER_AGENT[2]);
//print_r ($browserDetect); 
// Need to swop around the Keys so that the Browser is the first key in the array - makes things easier with detecting
$browserDetect = array_reverse ($browserDetect);
//print_r ($browserDetect); 

/* Redirection */
switch ($browserDetect[0]) {
    case 'Mozilla' :
    echo "Browser ::\t Mozilla";
    break;
    case 'Chrome' :
    echo "\nBrowser ::\t Chrome";
    // build =
    $browserBuild = explode (" ",$USER_AGENT[3]);
    echo "\nBuild ::\t ".$browserBuild[0];
    break;
    case 'Firefox' :
    echo "Browser ::\t Firefox";
    // build =
    echo "\nBuild ::\t ".$USER_AGENT[3];
    break;
    case 'Gecko' :
    echo "Browser ::\t IE";
    // build =
    $browserBuild = explode (" ",$USER_AGENT[2]);
    echo "\nBuild ::\t ".$browserBuild[2];
    break;
    case 'Opera' :
    echo "Browser ::\t Opera";
    break;
    case 'Googlebot' :
    echo "Browser ::\t Googlebot";
    break;
    case 'msnbot' :
    echo "Browser ::\t msnbot";
    break;
    case 'Safari' :
    echo "Browser ::\t Safari";
    break;
    default :
    echo "Browser ::\t Unsure what browser your using?";
    break;
};

// Added 14 0220 /// Source:: http://en.kioskea.net/faq/1251-php-detect-the-display-resolution
// Needed to set the Viewer Screen for FF and IE

if(!isset($_GET['r']))     
{     
echo "<script language=\"JavaScript\">     
<!--      
document.location=\"$PHP_SELF?r=1&width=\"+screen.width+\"&Height=\"+screen.height;     
//-->     
</script>";     
}     
else {         

// Code to be displayed if resolutoin is detected     
     if(isset($_GET['width']) && isset($_GET['Height'])) {     
           echo "\nScreen size ::\t ".$_GET['width']."x".$_GET['Height'];
     }     
     else {     
            // Resolution not detected     
     }     
}     
// End of code snippet /////////////////////////////////////////////////////////////////////////////

codediesel上有一個很好的腳本

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM