7

私は以下を使用してiPhoneをターゲットにし、ハンドヘルドデバイスを使用して特定のモバイルスタイルシートを使用していますが、Blackberryブロワーは通常のスクリーンスタイルシートのみを取得しています。

<link media="handheld, only screen and (max-device-width: 320px)" href="mobile.css" type="text/css" rel="stylesheet" />
<link media="only screen and (max-device-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet" />

私がサイトをテストした他のすべてのモバイルデバイスは、正しいスタイルシートを取得しています。

同じことをするためにBlackberryブラウザをターゲットにする方法を知っている人はいますか？

ありがとう！

4

5 に答える 5

3

モバイルブラウザの状態は、現時点では非常に混乱しているため、クライアントでバージョンを検出することはお勧めしません。これを行う最も信頼できる方法は、WURFL http://wurfl.sourceforge.net/のようなものを使用して、すべてのチェックサーバー側を実行することです。

ブラックベリーで何かがうまく機能するように頑張ってください！ああ、それが電話に届く前に、キャリアがあなたのHTMLを台無しにしているかもしれないことを忘れないでください。

于 2009-05-27T09:04:07.303 に答える
3

最終的にJavascriptを使用してユーザーエージェントを検出しました。

次に、モバイルデバイスの場合はハンドヘルドとスクリーン用にmobile.cssを印刷し（BlackBerryとiPhoneはスクリーンと見なすため）、モバイルデバイスでない場合は通常のスタイルシートを印刷します。

Javascriptを備えていないデバイスでは機能しませんが、とにかくサイトの必要最低限​​のバージョンを確認したほうがよいでしょう。

于 2009-05-28T16:24:06.837 に答える
2

正確な答えはありません。自分で試したことはありませんが、モバイルデバイスブラウザファイルを確認してみてください。これは、モバイルアプリで作業しているASP.Net開発者を対象としていますが、そうでない場合でも役立つ場合があります。そのオープンソースであり、MS-PLの下でライセンスされています。

ASP.Netを使用している場合は、MDBF（ASP.NetおよびモバイルWeb）の詳細について、ScottHanselmanのこのポッドキャストを確認してください。

于 2009-05-27T02:11:26.260 に答える
1

次のサイトをチェックすることをお勧めします。

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

それらはすべて、特定のモバイルデバイスをターゲットにする方法について話しているため、さまざまなモバイルデバイスにさまざまなスタイルシートを使用できます。

一般に、ブラックベリーの場合は、ユーザーエージェント文字列で「ブラックベリー」を探すだけで十分です。

于 2009-06-19T18:27:56.703 に答える
1

これは、特にblackberry.cssと呼ばれるスタイルシートを使用してBlackberryデバイスをターゲットにします

var ua = navigator.userAgent;
if (ua.match(/(BlackBerry|Blackberry|blackberry|BB|bb|RIM|rim|Playbook|PlayBook|playbook)/)!=null) { 
     document.write('<link rel="stylesheet" type="text/css" href="blackberry.css">');
     console.log ('Blackberry confirmed'); 
}
于 2014-05-27T14:09:34.173 に答える