1. Zuhause
  2. Frage und Antwort
  3. Wie lässt sich eine einfache Website in mehreren mobilen Browsern richtig darstellen?

Wie lässt sich eine einfache Website in mehreren mobilen Browsern richtig darstellen?

2008-09-20 8 views
5

Wir haben eine ziemlich einfache Seite (minimal JS) mit einfachem HTML und CSS. Es ist eine einfache mobile Schnittstelle für unsere Hauptanwendung.Wie lässt sich eine einfache Website in mehreren mobilen Browsern richtig darstellen?

Wir geraten in Schwierigkeiten, weil wir mehr als eine Spalte haben und mehrere Browser einzelne Spalten zu erzwingen scheinen.

Durch einige Suche lief ich in 2 Meta-Tags.

<meta name="MobileOptimized" content="220" /> 
<meta name="viewport" content="width=320" />

Mit diesen haben wir eine gute "skalierte" Ansicht für IE Mobile und das iPhone. Wir haben keine Probleme mit Palms Blazer. Aber Blackberry ist eine andere Sache.

Hat der Blackberry eine einfache Möglichkeit, die Ansicht des Browsers zu steuern? Mit einfachen meine ich, ohne eine spezielle Seite für dieses Gerät zu machen.

Quelle

2008-09-20 cwhite

Antwort

3

Ich würde nicht die Mühe machen, eine "mittlere" Version für das iPhone usw., iPhone-Nutzer können einfach auf Ihre echte Webseite einfach genug aussehen. Haben Sie Ihre Vollversion und eine einzelne Spaltenversion und erreichen Sie die größte Zielgruppe mit minimaler Arbeit.

Um Ihre Frage zu beantworten, gibt es keinen guten Weg, um den Blackberry etwas anderes als 1 Spaltenansichten zu machen. Sie können es ziemlich professionell aussehen lassen, da CSS und einfaches JavaScript immer noch zutreffen, aber Sie müssen eine Menge Ihrer horizontalen Immobilien verlieren.

Quelle

2008-09-20 08:48:55 UltimateBrent

+0

Vereinbart auf dem iPhone Punkt, vor allem, wenn Sie Browser-Erkennung tun - bekomme ich von Websites wie MSNBC.com, die mir eine kastrierte Version der Website angezeigt, wenn mein iPhone könnte leicht die Vollversion anzuzeigen. – ceejayoz

+0

Richtig, aber gleichzeitig möchten Sie keine Website, die auf einem Gerät, auf dem insgesamt nur 32 MB gespeichert werden können, enorme Speichermengen verbraucht. Außerdem: Diese "minimale" Version könnte als die Version für Benutzer ohne Javascript oder ältere Browser dienen. – nlaq

3

Meine Empfehlung wäre, zwei oder drei Versionen der Website zu erstellen:

  • Voll geblasene Website für modernen Desktop-Browser (wenn es eine sehr schwere Anwendung ist)
  • Website mit minimalem JS und CSS für eine guten Mobile Browser und Desktop-Browser (IPhone und SkyFire kommen in den Sinn)
  • Website ohne JS, einzelne Spalte und meist nur Klartext.

Der Grund ist, dass die Codierung für 3-4 Desktop-Browser hart genug ist. Töte dich nicht über weitere hundert Geräte, um zu codieren und eine einfache Seite zu erstellen, die nur Informationen ausgibt.

Denken Sie an das grundlegende Design-Prinzip der Web-Entwicklung: Benutzer ist es egal. Sie wollen Informationen oder Funktionalität. Es wird viel besser für Sie aussehen, wenn Sie ein einfaches, übersichtliches Layout für schlechte mobile Browser (IE oder Blackberry) haben, dann versuchen, etwas zu hacken, das schließlich zu einem Alptraum wird und Sie möglicherweise schlecht aussehen lässt, wenn jemand ein anderes Handy benutzt Browser und du hast die telefonspezifische Seite noch nicht geschrieben.

Quelle

2008-09-20 06:20:28 nlaq

Verwandte Themen

 Verwandte Themen