[Code] HTML Weiterleitung auf "Mobil" Seite

Dieses Thema im Forum "Webentwicklung" wurde erstellt von DaNnY17, 4. November 2010 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 4. November 2010
    HTML Weiterleitung auf "Mobil" Seite

    Hallo,

    ich suche eine Lösung, das wenn man mit dem iPhone oder einem anderen Smartphone auf meine Internetseite geht man auf die für Smartphone optimierte Seite gelangt.

    Im Prinzip brauche ich einen Code, der abfragt ob man mit einem Smartphone auf die Seite zugreifen will oder nicht.

    Gibt es dafür eine Lösung?

    Bisher habe ich nur eine Möglichkeit über eine CSS Datei gefunden, die dann nur den abgespeckten Inhalt für die "Mobil" Seite anzeigt.

    Gruß
    Danny
     
  2. 4. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    1. kommt das nicht in diesen Bereich
    2. kannst du den user-agent abfragen, der dir evtl verrät, was für ein browser verwendet wird
    3. ist die css variante genau dafür gedacht

    greez
     
  3. 4. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    Danke für die schnelle Antwort.

    Sorry, aber ich dachte ich wäre bei Programmierung richtig. (Bitte verschieben)

    Dann muss ich es wohl mit der CSS Variante versuchen.
     
  4. 4. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    du kannst auch serverseitg weiterleiten. such einfach nach "Mobile" oder nach "andoid" usw. im user-agent.

    Code:
    Mozilla/5.0 (Linux; U; Android 0.5; en-us) AppleWebKit/522+ (KHTML, like Gecko) Safari/419.3 
    Code:
    Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3 
    Code:
    Mozilla/5.0 (iPod; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/3A100a Safari/419.3 
    Code:
    Mozilla/5.0 (PLAYSTATION 3; 2.00) 
    daran kann man relativ gut erkennen wo deine webseite angezeigt wird.
     
  5. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    Also gibt es keine Möglichkeit, das ich in meine index.html eine CodeZeile einfüge, die prüft, ob es sich um ein portable medium handelt und dann auf /mobil/index.html verlinkt?

    Möchte lieber eine neue eigene mobil Seite erstellen anstatt nur auf eine neue CSS Datei zugreifen.

    Kann mir da wer helfen? Mit etwas ausführlicheren Antworten wäre super.

    Gruß
     
  6. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    Jein. Wenn es sich um eine HTML Seite handelt nein. Wenn du PHP unterstützung hast, dann wie Murdoc geschrieben hat, du fängst den Useragent ab und prüfst ob typische Mobilebrowser Merkmale vorkommen. Ist das der Fall, dann leitest du um auf deine Mobile Seite, ist das nicht der Fall, wird die normale Seite geladen.
     
  7. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    Oder du benutzt [G]CSS Media-Queries[/G] und passt die Seite mit CSS an wenn die Breite auf ein Mobile-Device schließen lässt.

    Hier ein Beispiel für unterschiedliche Fenstergrößen:
    http://css-tricks.com/css-media-queries/
     
  8. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    Kann man über JavaScript nicht auch den Useragent abfragen und dementsprechend weiterleiten?
     
  9. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    Wie mache ich das genau mit dem User Agent?
    Kann mir jemand den kompletten Code geben, den ich dann in meine index.php einfügen kann?
     
  10. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    also doch php?

    du brauchst im grunde nur diese funktion: PHP: stripos - Manual
    mit der kannst du testen ob ein bestimmtes wort im user-agent steht ($_SERVER['HTTP_USER_AGENT'])

    beispiel:
    PHP:
    $ua  $_SERVER [ 'HTTP_USER_AGENT' ];

    if(
    stripos ( $ua 'android' ) !==  false ) {
        
    // android-gerät
    } elseif( stripos ( $ua 'iphone' ) !==  false ) {
        
    // iphone
    } elseif ...
     
  11. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    Hätte lieber eine HTML Variante, aber das scheint ja nicht zu klappen, daher muss ich wohl die PHP Version versuchen.

    Woher weiß ich welche Wörter im user-agent stehen bzw. welche Wörter auf ein Smartphone, PDA, iPad usw. hinweisen?

    Sorry das ich hier so genau nachfrage, aber im Netz gibt es dazu leider nur sehr wenige Infos.
     
  12. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    PHP:
    var  userAgent  navigator . userAgent ;
    if(
    userAgent . indexOf ( 'iphone' )!=- 1 window . location = 'mobil.html' ;
     
  13. 5. November 2010
    AW: HTML Weiterleitung auf "Mobil" Seite

    Murdoc hat doch im Posting Nr.4 die am meisten bekannten aufgelistet. Ansonsten kannst du auch mal hier rein gucken

    Die Wörter android, iphone/ipod/ipad bzw. mobile sollten den aktuellen Markt relativ abdecken.
     
  14. 5. November 2010
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: HTML Weiterleitung auf "Mobil" Seite

    wenn du ein fertiges script haben willst (da du die postings in diesem thread ja ignorierst) kannst du in zukunft hier jemanden suchen: Showthread Php 135188 / Download - RR:Suche

    die lösung zu deinem aktuellen problem wurde ja nun mehrmals genannt.

    ~ closed
     
  15. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.