3

プレーンHTMLまたはJavaScriptを使用してWebサイトのモバイルビューに切り替える必要があります...えーと、サーバーサイドスクリプトを必要としないものは何でも。当社のウェブサイトは、Dropboxを介して半一時的にホストされています。（http://teammetalcow.comはパブリックフォルダー内のHTMLファイルにリダイレクトします。）ユーザーのデバイスの種類を検出し、モバイルバージョンまたはデスクトップバージョンを適切に表示できるようにする方法が必要です。モバイルサイトに取り組む簡単な方法を持っていることが好ましいでしょう。これも可能ですか？あなたが助けることができればたくさんの感謝。

4

2 に答える 2

2

ブレークポイントのようなライブラリを試すことができます：https ：//github.com/martinmartinmartin/breakpoint/ またはこのjavascriptを研究する：http ：//www.sitepoint.com/javascript-media-queries/

javascriptでデバイスを検出してから、リダイレクトする必要があります。

// in case of a viewport
if (document.documentElement.clientWidth < 900) {
// scripts --> redirect
    window.location = "http://www.disney.com"
}

// in case of a screen
if (screen.width < 900) {
// scripts --> redirect
    window.location = "http://www.disney.com"
}

続ける

于 2013-01-24T19:05:32.417 に答える
0

このためにできることはたくさんあります。メディアクエリを使用したCSSは1つの解決策ですが、モバイルバージョンのサイトを提供するためのより確実な方法は、実際のデバイス検出を実行し、デバイスタイプに応じてサイトの代替バージョンをロードすることです。

Apache Webサーバーを使用している場合、ApacheMobileFilterはこれを行うための非常に簡単な方法を提供します。デバイスの検出を処理します。何らかの方法でモバイルデバイスを検出したら、ユーザーをモバイル固有のサイト（別のドメインやサブディレクトリ、またはそれらの行に沿ったものから提供される）にリダイレクトするか、サイトの生成に使用するバックエンドコードを使用できます。または、モバイルデバイスが検出されたときにサイトのモバイルバージョンを表示します（AMFは、要求がモバイルデバイス、タブレットなどからのものであるかどうかを通知するHTTPヘッダーを設定します）。

他にもオプションがありますが、これらはおそらく最も単純なアプローチです。

于 2013-01-24T18:47:18.380 に答える