Blackberryのメディアクエリ

Question

私は自分のウェブサイトのバージョンをBlackberryデバイスに最適化しようとしていますが、私はこのデバイスに関する情報が不足しており、Googleは役に立たないようです。

誰かが前にブラックベリー用に最適化したウェブサイトを作成してもらえますか？または助けることができる投稿や情報の種類を知っていますか？

これらのデバイスが画面の標準解像度を開いているように見えるので、メディアクエリが役立つかどうかわかりません。

Answer 1

Optimizing A Web Site For BlackBerry Devicesから：

あなたは、いくつかの異なるブラウザ で 仕事にWebサイトをターゲットに考えた場合のミックスで BlackBerryのサポートを投げてみてください、十分に困難でした。 と連携するWebサイトの設計BlackBerry Web ブラウザは、 標準Webブラウザよりも機能が少ないため、BlackBerryハンドヘルドデバイスは になる可能性があります。 機能の欠如は非常に遅く、ダウンロード 速度と限られた画面サイズが 今に織り込まなければならないので、 BlackBerryデバイスをサポートするためのサイトを最適化する際

最初の事はあなたが行う必要があります。設計 戦略に影響を与え、ダウンロードして です公式BlackBerry Device SimulatorとBlackBerry Email and MDS Services Simulator Packageをインストールしてください。デバイスシミュレータと シミュレータパッケージは、実際のBlackBerry 製品の 機能をエミュレートし、仮想の 環境にアクセスして のWebサイトをテストすることができます。

あなたが最初 エミュレーションでサイトを開く

は、おそらく BlackBerryのCSSサポートは限ら であり、あなたのサイトはとても素晴らしい見ていないことに気づくでしょう。 最もフロントエンドの開発者が反応することが を訓練されているので、あなたの最初の ソリューションは、多分、別の スタイルシートを添付して携帯型メディア を対象とし、それに応じてその スタイルシート内のクラスとIDを調整します。残念ながら、 は、 の画面とハンドヘルドメディアスタイルの宣言の両方を無視します。実際に 、メディア サポート-含むディスプレイの不足のため 抜け穴を作成することができ 宣言便利なスタイルの多く：なしと visiblility： BlackBerryで隠しwon't作品。サポートされているCSS宣言の の完全なリストについては、 BlackBerry Content Developer Guideを参照してください。

解決策は何ですか？ BlackBerryデバイス（任意のハック または回避策せず）のウェブサイトを最適化する実際のトリック はCSSと 省略不要レイアウト要素に関連して整形 XHTMLを使用している 画面媒体を使用します。これは、 の意味的に正しいXHTMLを駆動するために あなたのレイアウトは、 BlackBerryでかなり見えないかもしれませんが、 にはいくつか理由があります。手始めに、 ので、あなたは、画面スペースの限られた量 を扱っているとあなたは テキストベースとして、BlackBerryのためのあなたの 表示内容の大半を維持したい 接続速度をアップにダイヤルする相当するもの に頼ります。第2に、よく形成された コードは、 検索エンジンの最適化が全体的に改善されます。 検索エンジンに優しいコード標準 を使用しているためです。最後に、意味論に焦点 はサイト をスケーラブルになり、何の心配のあなたを取り除く の結果は、あなたのスタイルシート内の要素 の外観を変更するリンクや を変更、テキストを追加することに関連付けられています。モバイルデバイス上の（ Windows MobileデバイスでのiPhoneのSafari、IE） ハンドヘルドの最新世代に を統合したフル機能のブラウザで

美学 サポートが大幅に改善 です。いずれにしても、良いコーディング 標準は、優雅な劣化を促進し、ユーザに確実になる 将来の校正の一定レベルを提供します。 または最新のデバイスであるかどうかに関係なく、Webサイトを表示できます。