Was sind die Regeln für die Erstellung einer mobilenfreundlichen Website?

Question

Ich möchte meiner Website einen Mehrwert bieten, den ich gerade entwickelt habe, damit der Benutzer ihr Handy überprüfen kann.

Meine Fragen:

1. Sollte ich eine andere Vorlage für die mobile Version und die Vollversion 1 machen? Wie erstellen mobile.example.com Für mobile Version?

2. Unterstützt Opera Mini JavaScript nicht? Ich habe ein Handy mit Opera Mini, es scheint, dass JavaScript nicht ausgeführt wurde. Haben alle Opera Mini nicht JavaScript drauf?

3. Unterstützt Opera Mini den Full W3C Standard HTML und CSS? Oder haben sie eine andere?

4. Gibt es einen Emulator, um Website in verschiedenen Mobiltelefonen anzuzeigen oder zu testen? Zum Beispiel: iPhone Browser, Blackberry Browser, WAP und Opera Mini.

Vielen Dank!!!

Answer 1

1. Es liegt an Ihnen, ob Sie zwei verschiedene Websites für mobile und nicht mobile Geräte erstellen möchten. Wenn Sie dies jedoch tun, stellen Sie sicher, dass Sie einen Link von der mobilen Site auf der vollständigen Website haben, damit Benutzer darauf wechseln können.
2. Opera Mini unterstützt JavaScript, die bestimmte Einschränkungen (z. B. auf asynchrone Operationen). Beachten Sie, dass Opera Mini einen Proxy -basierten Ansatz verwendet und der JS auf den Servern der Opera ausgeführt wird, was bestimmte Einschränkungen auferlegt. Plugins wie Adobe Flash werden nicht unterstützt.
3. Grundsätzlich unterstützt Opera Mini die gleichen Standards wie Opera Desktop, da sie dieselbe Rendering -Engine (Opera Presto) teilen. Aufgrund von Gerätebeschränkungen sind jedoch einige Funktionen wie CSS abgerundete Ecken in Mini nicht verfügbar. Sehen Opera Mini 5 Standards Support Weitere Informationen, aber wissen Sie, dass Opera Mini Opera Presto 2.4 verwendet, die Rendering -Engine, die in Opera Desktop 10.53 verwendet wird.
4. Versuchen Sie zum Testen von Websites in Opera Mini Mikroemulator Das ist Open Source und verfügt über eine setzwerische Haut, mit der Sie verschiedene Bildschirmgrößen emulieren können.

Ich hoffe, das hilft :)

Answer 2

Einige Websites bieten eine automatische Konvertierung Ihrer vorhandenen Website. Diese konvertierte, mobilfreundliche Website kann entweder in einer neuen Domain gehostet werden oder eine "Maske" kann auf Ihre vorhandene Website angewendet werden. Schauen Sie sich www.webtosmartphone.com an, die einfache grundlegende Websites automatisch konvertiert. Eine kurze Codezeile und Ihre Website werden automatisch geändert und in den beliebtesten Smartphones angezeigt. Wenn es nicht automatisch konvertiert wird, können Sie eine benutzerdefinierte Konvertierung anfordern.

Answer 3

1. Sie sollten Ihre Ausgabe für mobile Geräte auf jeden Fall anpassen, wenn der Inhalt über ein mobiles Gerät zugegriffen wird. Unabhängig davon, ob Sie dies tun, indem Sie die mobile Präsentation auf einem Subdomain oder einem speziellen Ordner trennen oder nicht, ist völlig irrelevant.

2. / 3. Mobile ist viel mehr als nur Opera Mini. Verschiedene Browser für mobile Geräte unterstützen verschiedene Grad reichhaltiger Inhalte (JavaScript, CSS usw.). Sie sollten untersuchen, welche Funktionen vom Besucherbrowser/-gerät unterstützt werden und den angemessen reichhaltigen/"schlechten" Inhalt bedienen. Sie sollten sich ansehen Wurfl und Geräteatlas Dies sind zwei Hauptdatenbanken von Benutzeragenten für mobile Geräte, mit denen Sie nur den Inhalt bedienen können, den der Benutzeragent konsumieren kann.

3. Es gibt viele Emulatoren, einige besser und einige schlechter, die verschiedene Browser für mobile Geräte nachahmen. Auf meinem Kopf sind die beiden, die ich verwendet habe, Yo Space Smartphone -Emulator (Website gebrochener Geldautomaten) und Emulator von Mobi Tld. Es gibt auch Anbieter -spezifische (Nokia, SE) Entwickler -Tools, die Sie in der Lage sein sollten, die Geräte des Anbieters nachzuahmen.

Answer 4

Cascading Style Sheets (CSS) sind der Weg, dies zu erreichen. Dies bedeutet, dass Sie die Verwendung von HTML -Tabellen durch Ihre Website überprüfen und in ein CSS -basiertes Design konvertieren müssen.

Das CSS Zen Garden ist eine hervorragende Ressource, um zu zeigen, was möglich ist.

Eine Ressource, um Ihre aktuelle Website in ein mobiles Gerätefreundliches Format umzuwandeln, ist Skweezer.com. Geben Sie einfach die URL Ihrer Website ein und zeigt Ihre Website in einer mobilfreundlichen Version an, indem große Bilder, CSS-Stile und Seitenelemente entfernt werden, die nicht ordnungsgemäß angezeigt werden. Sie können dies als Vorlage oder Ausgangspunkt verwenden, um ein mobiles CSS -Profil für die Website zu erstellen. Um ein alternatives CSS -Stylesheet für Benutzer mit mobilen Geräten bereitzustellen, fügen Sie den folgenden Code in den Kopf eines HTML -Dokuments ein:

<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" />

Ref.