Frage

Ich verwende die folgenden iphones Ziel und Handheld-Geräte Blätter bestimmte mobile Stile zu verwenden, aber die Blackberry browers ist nur das reguläre Bildschirm-Stylesheets Aufnehmen.

<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" />

Alle anderen mobilen Geräten ich die Seite getestet haben auf Kommissionierung die richtigen Stylesheets auf.

Kennt jemand einen Weg, um den Blackberry Browser zum Ziel, das gleiche zu tun?

Danke!

War es hilfreich?

Lösung 2

ich am Ende mit Javascript Benutzeragenten zu erkennen.

Dann Drucken mobile.css für Handheld und Bildschirm, wenn es sich um ein mobiles Gerät ist (weil der Blackberry und iPhone denken, sie sind Bildschirme) und Drucken der regulären Stylesheets, wenn es kein mobiles Gerät ist.

Es funktioniert nicht für jedes Gerät, das Javascript nicht haben, aber sie sind wahrscheinlich besser dran, die nackten Knochen Version der Website zu sehen, sowieso.

Andere Tipps

Der Zustand des mobilen Browser ist so ein Durcheinander im Moment, dass ich nicht erkennen Versionen im Client versuchen würde empfehlen. Der zuverlässigste Weg, es zu tun ist, etwas zu verwenden, wie WURFL http://wurfl.sourceforge.net/ und all deine Überprüfung Server-Seite.

Viel Glück immer alles schön auf dem Blackberry zu arbeiten! Ach ja, und nicht zu vergessen, dass die Träger mit Ihrem HTML werden Verschrauben könnte, bevor es sogar auf das Telefon bekommt.

Ich habe keine genaue Antwort habe und habe nie selbst versucht, aber Sie könnten versuchen, das Mobile Device Browser Datei . Dies wird bei ASP.Net Entwickler gezielt auf mobile Anwendungen arbeiten, aber immer noch nützlich erweisen, wenn Sie nicht. Seine Open-Source und lizenziert unter der MS-PL.

Wenn Sie ASP.Net versuchen werden mit diesem Podcast Check-out von Scott Hanselman für weitere Informationen über die MDBF - ASP.Net und das mobile Web

Ich würde empfehlen, die folgenden Websites Check-out:

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

Sie alle reden darüber, wie Sie bestimmte mobile Geräte ausgerichtet, so dass die Art und Weise Sie verschiedene Stylesheets für verschiedene mobile Geräte verwenden.

Generell gilt für eine schwarze Beere suchen Sie einfach nach „Blackberry“ in der User-Agent-String ist ein gut genug Fall

Dies wird Ziel Blackberry-Geräte speziell mit einem Stylesheet namens blackberry.css

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'); 
}
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top