Was tun Sie den Handheld CSS auf Ihrer Website testen?
https://stackoverflow.com/questions/259330
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich habe CSS-Unterstützung schon länger für Hand auf meine Website, aber nicht in der Lage gewesen, ein gutes Werkzeug für die Prüfung zu finden.
Ich habe versucht, das webdeveloper Plugin für Firefox, aber es für mich nicht funktioniert. Vielleicht ist das, weil alle meine CSS in HTML und nicht um eine separate CSS-Datei.
Gibt es noch andere Test-Tools zur Verfügung, abgesehen von Ausgang und ein Handheld-Gerät zu kaufen?
Lösung
Mit etwas Jagd fand ich, was ich suchte, danke für die Leitungen Jungs.
Opera wird die Handheld-Display CSS, wenn Sie "Small Screen" aus dem Menü Ansicht wählen.
Andere Tipps
Ich bin nicht sicher, ob es eine gute Idee, die alte Frage wieder zu beleben, aber ich hoffe jemand findet es:)
Es gibt eine einfache Art und Weise mit Hand CSS zu testen, mit Medienanfragen :
@media handheld, screen and (max-width: 500px) { /* your css */ }
Danach können Sie auf Browser testen, die Medienabfragen implementieren durch das Fenster auf weniger als 500px Größe ändern.
Wenn Sie Visual Studio haben, sollte es Geräte-Emulatoren sein, die Sie mobil IE testen lassen, oder sie können Standalone auf der Microsoft-Website zu finden. Hier sind einige für WM 5 . Es gibt ein Openwave Simulator zur Verfügung, den Browser zu testen. Blackberry-Simulatoren auch zur Verfügung steht, den Blackberry-Browser zu testen. Sie können (Art) Test iPhone-Unterstützung mit Safari, obwohl Sie das Ansichtsfenster Meta-Tag nicht überprüfen kann. Es gibt eine Opera Mini Simulator hier.
Außerdem erhalten Ihre CSS aus Ihrem HTML:)
Ich fand heraus, dass die Medientypen in Entwicklungsumgebung funktioniert am besten für mich wechseln.
Zum Beispiel, wenn Sie testen „Handheld“ css dann nur Medientyp „Bildschirm“ Medien Atrib hinzufügen und Kommentar aus Ihrem Standard-CSS.
Nachdem dieser Schritt abgeschlossen ist, Sie normalerweise wollen auf reale Handheld-Gerät zu testen.
<!-- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /> -->
<link rel="stylesheet" type="text/css" media="screen,handheld" href="handheld.css" />
Für das iPhone zu testen, können Sie das iPhone SDK erhalten hier Aber Sie müssen OS X / Apple-Computer für den offiziellen Weg laufen.
Nicht offiziell / Hacks:
- Es gibt Möglichkeiten, OS X auf standart PC-Hardware wie hier .
- Oder das SDK in Linux / vmware laufen erhalten beschriebenen hier .
Happy Hacking!
Huibert Gill
