モバイルフレンドリーなウェブサイトを作るためのルールは何ですか?
-
20-09-2019 - |
質問
現在開発しているWebサイトに、携帯電話からも確認できるような付加価値を付けていきたいと考えています。
私の質問:
モバイルバージョンとフルバージョンで異なるテンプレートを作成する必要がありますか?作るのと同じように mobile.example.com モバイル版用?
Opera Mini は JavaScript をサポートしていませんか?Opera Mini を搭載した携帯電話を使用していますが、JavaScript が実行されていなかったようです。すべての Opera Mini には JavaScript が搭載されていませんか?
Opera Mini は W3C 標準の HTML と CSS を完全にサポートしていますか?それとも別のものを持っているのでしょうか?
さまざまな携帯電話で Web サイトを表示またはテストできるエミュレータはありますか?例えば:iPhone ブラウザ、Blackberry ブラウザ、WAP、Opera Mini。
ありがとう!!!
解決
- モバイルデバイス用とモバイル以外のデバイス用に 2 つの異なる Web サイトを作成するかどうかは、あなた次第です。ただし、その場合は、ユーザーがモバイル サイトに切り替えられるように、モバイル サイトからフル サイトへのリンクを必ず設置してください。
- Opera Mini は Javascript をサポートしていますが、特定の制限があります (例:非同期操作について)。Opera Mini はプロキシ ベースのアプローチを使用しており、JS は Opera のサーバー上で実行されるため、特定の制限が課されることに注意してください。Adobe Flash などのプラグインはサポートされていません。
- 基本的に、Opera Mini は同じレンダリング エンジン (Opera Presto) を共有しているため、Opera Desktop と同じ標準をサポートします。ただし、デバイスの制限により、CSS の角丸などの一部の機能は Mini では利用できません。見る Opera Mini 5規格のサポート 詳細については、Opera Mini が Opera Desktop 10.53 で使用されているレンダリング エンジンである Opera Presto 2.4 を使用していることを知っておいてください。
- Opera Mini で Web サイトをテストするには、次のことを試してください。 マイクロエミュレータ これはオープンソースであり、さまざまな画面サイズをエミュレートできるサイズ変更可能なスキンが付属しています。
それが役立つことを願っています:)
他のヒント
一部のWebサイトは、既存のウェブサイトの自動変換を提供します。これは、変換され、モバイルフレンドリーウェブサイトは、いずれかの新しいドメインでホストすることができ、または「マスク」既存のサイト上に適用することができます。簡単に自動的に基本的なウェブサイトを変換する、www.webtosmartphone.comをチェックしてください。コードとウェブサイトの迅速な行が自動的に最も人気のあるスマートフォンにリサイズして表示できます。それは自動的に変換されていない場合は、カスタム変換のために要求することができます。
モバイル デバイス経由でコンテンツにアクセスする場合は、必ず出力をモバイル デバイスに適合させる必要があります。モバイル プレゼンテーションをサブドメインまたは特別なフォルダーに分離するかどうかは、まったく関係ありません。
/3.モバイルは Opera Mini だけではありません。さまざまなモバイル デバイスのブラウザは、さまざまなレベルのリッチ コンテンツ (JavaScript、CSS など) をサポートしています。訪問者のブラウザ/デバイスでどの機能がサポートされているかを検出し、適切なリッチ/「貧弱な」コンテンツを提供する必要があります。見てみるといいよ ヴルフル そして デバイスアトラス これらは、モバイル デバイス ユーザー エージェントの 2 つの主要なデータベースであり、ユーザー エージェントが利用できるコンテンツのみを提供できます。
世の中には、さまざまなモバイル デバイスのブラウザをエミュレートする、優れたエミュレータもあれば劣ったエミュレータも数多くあります。思いつきですが、私が使用したのは Yo Space スマートフォン エミュレーター (ウェブサイトの壊れたATM) そして Mobi TLDのエミュレータ. 。ベンダーのデバイスをエミュレートする、ベンダー固有 (Nokia、SE) の開発者ツールもあります。
カスケーディングスタイルシート(CSS)には、これを実現する方法です。それはあなたがHTMLテーブルのサイトの利用を検討し、CSSベースのデザインに変換する必要があることを意味します。
CSSの禅の庭は何ができるかを示すための優れたリソースですにます。
あなたの電流を変換するリソース フレンドリーなモバイルデバイスへの部位 フォーマットはSkweezer.comです。単純に入力します。 あなたのウェブサイトのURL、およびそれ意志 にあなたのウェブサイトを表示します 除去することによって、モバイル対応版 大きな画像、CSSスタイルとページ 表示されません要素 正しく。あなたはこれを使用することができます テンプレート、またはのために、出発点 以下のためのモバイルCSSのプロファイルを作成します サイト。代替CSSを提供するために、 モバイルでのユーザーのためのスタイルシート デバイスは、次のコードを挿入します HTMLドキュメントのヘッドます:
<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" />