-1

2 種類の HTML ファイルがあります。

最初のタイプは、コンピューター ユーザー向けです。2 番目のタイプは、モバイル ユーザー向けです。jQuery Mobile でコーディングされています。

最初のタイプは、サーバーにアップロードされたものです。ユーザーがモバイル (iphone、samsung など) をナビゲートした場合、モバイル用の HTML が表示されるようにコーディングするにはどうすればよいですか?

ありがとう。

4

4 に答える 4

1

PHP を使用すると、Mobile Detectライブラリを使用できます。それは非常に簡単で、最新の状態に保たれます。またisTablet()、その他の使用も許可します。

次の行に沿って何かを行うことができます。

include 'Mobile_Detect.php';
$detect = new Mobile_Detect();
if ($detect->isMobile()) {
  includeMobilePage();  // Any mobile device.
} else {
  includeDesktopPage();
}
于 2012-12-03T15:46:55.730 に答える
0

あなたは幅に基づいてそれを行うことができます..次のように：

if($(window).width() < 480){
 window.location = "mobile.yoursite.com"
}
于 2012-12-03T15:42:16.607 に答える
0

サイトのコンテンツがモバイル ユーザーと通常のユーザーの両方で同じで、異なるレイアウトが必要な場合は、CSS メディア クエリを調べてレスポンシブ デザイン サイトを構築することをお勧めします。

たとえば、CSS では次のようになります。

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

これらの角かっこ内に配置した CSS ディレクティブは、画面の400px幅が少なくとも幅より狭い場合にのみ適用されます700px。

この例と他の例は、 http ://www.w3.org/TR/css3-mediaqueries/ にあります。

于 2012-12-03T15:44:51.117 に答える
-1

通常、私はこのコードをphpで使用し、すべてのjquerymobileをスマートフォンというフォルダー内に配置します

<?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/");
}
于 2012-12-03T15:42:55.640 に答える