Question

我有两种类型的HTML文件。

第一种类型适用于计算机用户。第二种类型适用于移动用户。它是用jQuery Mobile编写的。

第一种类型是在服务器中上传的类型。如果用户通过移动设备（iphone，samsung，等等......）导航显示移动设备的HTML，我该如何编码？

感谢。

Answer 1

使用PHP，您可以使用Mobile Detect库。它非常简单并且保持最新。也允许使用isTablet()和其他人。

您可以采取以下措施：

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

Answer 2

你可以根据宽度来做..就像这样：

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

Answer 3

如果您的网站内容对于移动和普通用户都相同，并且您只需要不同的布局，我建议您查看CSS媒体查询并构建自适应设计网站。

例如，在CSS中：

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

您放在这些括号中的任何CSS指令仅适用于屏幕宽度至少400px但宽度小于700px的情况。

此示例和其他示例可在此处找到：http://www.w3.org/TR/css3-mediaqueries/

Answer 4

通常我在php中使用此代码，并将所有jquery移动设备放在名为智能手机

的文件夹中

<?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/");
}

如果用户在移动设备中导航，如何显示HTML模板？

4 个答案: