Weiterleitung zur optimierten Webseite mit dem Handybrowser

DasTZ · 17.02.2010

Hallo,

ich habe angefangen meine Homepage für`s Handy zu optimieren und in einem extra Ordner (/mobil) gespeichert.
Was kann ich tun das diese Handyoptimierte Startseite nun angezeigt wird, wenn jemand die Webseite mit einem Handy aufruft?
Html-Code oder .htaccess? Php habe ich nicht.

Gruß Tzwen

rest5 · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

Das Beste ist, nicht die HTML-Seite zu optimieren, sondern ein medienneutrales HTML-Markup zu schreiben. Die Gestaltung für unterschiedliche Ausgabegeräte erfolgt dann über unterschiedliche CSS-Dateien, die je nach Browser aufgerufen werden.
Z. B.:
<link href="mobilexyz.css" type="text/css" media="handheld" />
<link href="xyz.css" type="text/css" media="screen" />

Für Smartphones mit grafischem Browser (iPhone z. B.) kann man mit Javascript die Fenstergröße abfragen und auf eine entsprechende Css-Datei (oder auch andere HTML-Seiten) umlenken.

Siehe auch:

lachender_engel · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

DasTZ schrieb:
Php habe ich nicht.

In wie fern ist Deine Seite "fürs Handy optimiert"?
Anhand der Auflösung? Oder der Farben? Oder des Browsers?

Wenn Du kein PHP hast kannst Du nur mit Java-Skript in der index.htm(l) die von Dir definierten "optmierten" Eigenschaften auslesen und ggf. auf den Unterordener weiterleiten.

DasTZ · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

Danke für die schnellen antworten

Habe die Handywebseiten neutral und neu in "XHTML Mobile 1.0" geschrieben.
Mit optimiert meinte ich:
XHTML Mobile 1.0,
Fast keine und kleinere Bilder,
weniger und erlesenere Texte,
kontrastreichere und weniger Farben...

OK - Java-Script hört sich sehr gut;
wie lautet der und wo baue ich den ein?

lachender_engel · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

DasTZ schrieb:
OK - Java-Script hört sich sehr gut;
wie lautet der und wo baue ich den ein?

Erst mal musst Du wissen anhand welcher Kriterien zu der Unterseite geleitet werden soll.

Dann nutzt Du die weltweit größte Wissensdatenbank mit g am Anfang und oogle am Ende, suchst nach javascript und findest viele Möglichkeiten.

DasTZ · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

Hmm - Kriterien?
Nur Handys und Touchscreenhandys sollten beim Besuch der normalen Homepage auf die Unterseite weitergeleitet werden.
Bei g und oogle habe ich schon gesucht, bin aber irgendwie nich fündig geworden;
daher auch hier meine direkte Anfrage.
Wie würde so ein Java-Code denn z.B. aussehen?
Ich kann mir vorstellen das eine Weiterleitung aktiv wird,
wenn ein bestimmter Browser (Handy) die normale Startpage aufruft!?!

Do_St · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

Morgen DasTZ,

Du kannst auch eine Subdomain allá "mobil.deine-HP.domain" einrichten und diese Propagieren.

Grüße
Do_St

DasTZ · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

@ Do_St: Habe ich jetzt gemacht, aber ich möchte das trotzdem die Startseite nur über eine Domain anwählbar ist - egal ob Handy oder PC:

Nur beim Handy soll eine entsprechende Weiterleitung passieren.

lachender_engel · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

DasTZ schrieb:
Hmm - Kriterien?

Ich kann mir vorstellen das eine Weiterleitung aktiv wird,
wenn ein bestimmter Browser (Handy) die normale Startpage aufruft!?!

Also, noch mal: Eine Weiterleitung erfolgt anhand von Kriterien.
...Wenn das dann dies...
Es gibt kein Kriterium "Handy". Du musst festlegen ob Du aufgrund eines Browsers, einer Auflösung des Screens, einer IP, oder sonst was annimmst, dass ein Handy Deine Seite besucht.
Diese Kriterien suchst Du Dir über g und oogle raus.

Die Weiterleitung selber funktioniert so:

Code:

<script language ="JavaScript"> 
<!-- 
document.location.href="http://www.mein-HP.de/mobil"; 
// --> 
</script>

mit 'ner If-Anweisung kann es so aussehen:

Code:

<script language ="JavaScript"> 
<!-- 
if ([Bedingung]) {
  document.location.href="http://www.mein-HP.de/mobil";
  }
// --> 
</script>

und in [Bedingung] musst Du jetzt einfügen, was Du abfragen willst.

kyle66 · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

Hi,

du könntest den User-Agent abfragen.

Abgesehen davon könnte dir die (WURFL-Datenbank) helfen. Dort sind verschiedenste Mobiltelefone (mehrere tausend) mit Ihren Eigenschaften (WAP oder XHTML, Java, Maximale Bildgröße, Displaygröße, akzeptierte Bildformate) aufgelistet. Anhand dessen kannst du dann deine Ausgabe zusammenbauen.

Grüße Kyle

DasTZ · 17.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

OK - werde es über die Screen Auflösung machen.
Wenn also z.B. die Auflösung in der Breite geringer als 800 pixel ist, öffnet sich die mobil-Seite:

<script language ="JavaScript">

</script>

Ist das korrekt?

DasTZ · 19.02.2010

AW: Weiterleitung zur optimierten Webseite mit dem Handybrowser

Klasse - es funktioniert, vielen Dank

Gruß DasTz