Verschiedene Versionen einer Website

[austrian-x]

Ich habe zwei verschiedene Seiten auf meiner Domain angelegt, Version A ist für Desktops/Tablets und Version B für Smartphones. Wo gebe ich das an, dass wenn jemand zb mit Smartphone reinkommt die Version B sieht und Version A wenn er mit Desktop reinschaut? Mit htaccess?

[daniel5959]

Hallo,

das Stichwort heisst "Responsive Webdesign" - einfach mal danach suchen, hier im Forum oder bei Google - es gibt reichlich Infos für Anfänger und Profis.

danie5959

[austrian-x]

Vielen Dank! Hab mich schon umgesehen, aber ich finde die "einfache" Lösung nicht.
Ich habe bereits zwei verschiedene Versionen erstellt für Desktop und Smartphone. Aber wo und wie gebe ich es an, dass wenn einer mit Smartphone reingeht, die Smartphone-Version sieht? In der HTML-Seite oder in der htaccess? Und wie lautet da der Code?

[austrian-x]

Es gibt anscheinend die einfache Lösung mit einem php-Script. Hat jemand damit Erfahrungen?

[Ted Mosby]

Da du zwei Seiten hast leite doch anhand des User-Agenten auf die entsprechende Seite weiter.

[austrian-x]

Ja genau, das möchte ich machen. Wie würde das konkret gehen?

[mogli]

Ja genau, das möchte ich machen. Wie würde das konkret gehen?

Ein Ansatz via PHP: https://mobiledetect.net

Solche Dinge kann man aber wirklich sehr bequem googlen, das Thema ist schließlich alles andere als neu oder wenig besprochen.

[Ted Mosby]

https://www.abakus-internet-marketing.d ... 06166.html im dritten Post der Link, duch dir da deine bevorzugte Variante aus.

Satt User-Agent könnte man auch mittels javascript die Browserauflösung abfragen und dann weiterleiten, spart die fetten regex-ausdrücke und somit Serverperformance. Ein HD tablet braucht imho keine extra mobile design.

[Miquel]

HTTP Weiche im Header einbinden, Viewport

[austrian-x]

Super echt cool! Blöde Frage: wo baue ich das PHP-Skript ein? Habs in den Header der html-seiten gegeben, aber es tut sich nichts (?)

[Ted Mosby]

Den PHP-Code ganz oben an den Anfang in der index.php

[chris21]

Hi Austrain-X,

da Ted Mosby hier auf einen Beitrag von mir (von 2012) verweist:

mein dringender Rat für 2014 (soweit aufgrund des Inhalts der Seite technisch möglich und sinnvoll):

Stelle die Seite lieber auf Responsive Webdesign um, statt eine eigene Mobile Seite zu entwickeln.

[austrian-x]

Vielen Dank für eure Hilfe!! Ich hätt mir echt viel Mühe und Suchen ersparen können, man muss nichts anderes tun als diesen Code in die .htaccess einzufügen und die URL unten anpassen, dauert keine Minute!

Code: Alles auswählen

RewriteEngine On
RewriteBase /

RewriteCond %{HTTP_USER_AGENT} (android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge\ |maemo|midp|mmp|mobile.+firefox|netfront|opera\ m(ob|in)i|palm(\ os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows\ (ce|phone)|xda|xiino [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^(1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a\ wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r\ |s\ )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1\ u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(\ i|ip)|hs\-c|ht(c(\-|\ |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(\ |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(\ |\/)|klon|kpt\ |kwc\-|kyo(c|k)|le(no|xi)|lg(\ g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-|\ |o|v)|zz)|mt(50|p1|v\ )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v\ )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|\ )|webc|whit|wi(g\ |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-) [NC]
RewriteRule ^$ http://detectmobilebrowser.com/mobile [R,L]

[austrian-x]

Letzte Frage: wie füge ich ipad in die obige liste ein?

[austrian-x]

Blöde Frage sorry, einfach ipad in die liste schreiben