2012-12-03 11 views
-1

我有兩種類型的HTML文件。如果用戶在手機中導航,如何顯示HTML模板?

第一種類型是計算機用戶。 第二種類型適用於移動用戶。它使用jQuery Mobile進行編碼。

第一種類型是上傳到服務器的類型。我如何編碼,如果用戶通過手機導航(iPhone,三星,無論...)的手機HTML顯示?

謝謝。

+0

你有一個PHP頁面? –

+0

這是一切用HTML編碼,但我知道很PHP,任何其他的方式使這個沒有PHP? – jaumeee

+0

我在php –

回答

0

你可以做到這一點基於寬度..就像這樣:

if($(window).width() < 480){ 
window.location = "mobile.yoursite.com" 
} 
-1

通常我在PHP中使用此代碼,我把我所有的jQuery Mobile的一個名爲智能手機

<?php 
$mobile_browser = '0'; 
if (preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|android|ipad)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) { 
    $mobile_browser++; 
} 

if ((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml') > 0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) { 
    $mobile_browser++; 
}  

$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'], 0, 4)); 

$mobile_agents = array(
    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac', 
    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno', 
    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-', 
    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-', 
    'newt','noki','oper','palm','pana','pant','phil','play','port','prox', 
    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar', 
    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-', 
    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp', 
    'wapr','webc','winw','winw','xda ','xda-'); 

if (in_array($mobile_ua,$mobile_agents)) { 
    $mobile_browser++; 
} 

if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini') > 0) { 
    $mobile_browser++; 
} 

if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows') > 0) { 
    $mobile_browser = 0; 
} 

if ($mobile_browser > 0) { 
    header("Location: smartphone/"); 
} 
+0

中添加了一個答案用戶代理嗅探是解決這個問題的可靠方法。你不會抓住所有東西,並且不可避免地會抓住你不想要的東西。另外,這個問題沒有提到PHP。 – Brad

+0

確定,但我只發佈我正在使用的方法..它工作得很好。他說,可以在評論中的PHP,但感謝泄漏我可以做這個檢查@布拉德 –

0

如果文件夾中您的網站內容對於移動用戶和普通用戶都是一樣的,而您只需要不同的佈局,我建議您查看CSS媒體查詢並構建響應式設計網站。

例如,在你的CSS:

@media screen and (min-width: 400px) and (max-width: 700px) { … } 

你把這些括號內的時候,屏幕至少爲400px寬,但小於700px寬將僅應用於任何CSS指令。

這個例子和其他人可以在這裏找到:http://www.w3.org/TR/css3-mediaqueries/

1

使用PHP,你可以使用Mobile Detect庫。這很容易,並保持最新。也允許使用isTablet()等。

你可以做線沿線的東西:

include 'Mobile_Detect.php'; 
$detect = new Mobile_Detect(); 
if ($detect->isMobile()) { 
    includeMobilePage(); // Any mobile device. 
} else { 
    includeDesktopPage(); 
}