2009-05-26 5 views
7

私は次のものを使用して、特定のモバイルスタイルシートを使用するようにアイフォーンとハンドヘルドデバイスをターゲットにしていますが、ブラックベリーのブラウザは通常のスクリーンスタイルシートのみを取り上げています。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" /> 

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

誰かが同じことをするためにブラックベリーのブラウザをターゲットにする方法を知っていますか?

ありがとうございます!

答えて

3

私はユーザーエージェントを検出するためにJavascriptを使いました。

ハンドヘルド用のmobile.cssを印刷し、モバイルデバイスであればスクリーンを表示し(BlackBerryとiPhoneはスクリーンだと思うため)、モバイルデバイスでない場合は標準スタイルシートを印刷します。

Javascriptを搭載していないデバイスでは機能しませんが、おそらくサイトの無骨なバージョンを見ているほうが良いでしょう。彼らはすべてあなたが別の使用できるような方法、あなたは、特定のモバイルデバイスをターゲットにする方法について話

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

2

私は正確な答えはありませんし、これを自分で試したことはありませんが、Mobile Device Browser Fileをチェックしてみてください。これはASP.Net開発者を対象としていますが、モバイルアプリで作業している場合は、そうでない場合でも有用となる場合があります。オープンソースで、MS-PLのライセンスを受けています。あなたはASP.NetがMDBF詳細はスコットHanselman氏からこのポッドキャストをチェックしてみてください使用している場合は

からASP.Net and the Mobile Web

3

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

幸運にも、ブラックベリーでうまく動作しています!ああ、携帯電話に届く前にキャリアがあなたのHTMLに戸惑っているかもしれないということを忘れないでください。

1

私は、以下のサイトをチェックアウトをお勧めします異なるモバイルデバイス用のスタイルシートです。黒ベリーのための一般的

だけでユーザーエージェント文字列に「ブラックベリー」を探し十分良い場合

1

ですこれは、具体的

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'); 
} 
blackberry.cssと呼ばれるスタイルシートでBlackberryデバイスをターゲットとします
関連する問題