Website auf mobilen Geräten testen

[_b3r_]

Hallo liebe Community,

ich mache mal wieder ein neues Web-Projekt und möchte diesmal wert auf HTML5 und Responsive Design legen.
Dafür möchte ich die Website auf meinen mobilen Endgeräte anzeigen lassen, um die verschiedenen Viewports zu testen.

Ich möchte also zum Beispiel mit meinem Iphone über das Wlan die Homepage aufrufen.
Dafür habe ich diese kleine Anleitung befolgt:

http://www.blog.medianetic.de/xampp-von-ausen-erreichbar-machen/
(Ich hätte ja gerne den BB-code verwendet, darf ich aber noch nicht)


Am Ende des Tutorials soll man in der httpd-xampp.conf verändern. Jedoch sind die Zeilen nicht in der Datei vorhanden.
Statt dessen ist in der Datei an der Stelle folgender Verweis:

#
# New XAMPP security concept
#
<LocationMatch "^/(?i:(?:xampp|security|licenses|phpmyadmin|webalizer|server-status|server-info))">
Require local
ErrorDocument 403 /error/XAMPP_FORBIDDEN.html.var
</LocationMatch>


Ich interpretiere:
Hallo lieber Benutzer, wir wissen was du hier suchst, aber in dieser neueren Version von Xampp findest du das an einem anderen Ort.
--> ?:xampp/security/licenses/phpmyadmin/webalizer/server-status/server-info

Jedoch existiert diese Datei nicht, und auch der Pfad existiert so nicht in meinem Xampp-Ordner.
Ich bin verwirrt und finde überall nur Verweise auf diese alte Vorgehensweise.
Kann mir jemand helfen?

Liebe Grüße
_b3r_

[Altrea]

Hallo _b3r_,

Für dein Vorhaben muss man weder Port 80 im Router weiterleiten noch das Sicherheitskonzept aufweichen, daher werde ich darauf garnicht näher eingehen.

Befinden sich dein XAMPP Server und deine mobilen Endgeräte im selben Subnetz, kannst du HTTP Anfragen einfach über die LAN-IP oder Rechnernamen absetzen.

Alles andere halte ich mit deinen jetzigen Kenntnissen für viel zu gefährlich. Oder möchtest du, dass jeder im Internet deinen ungesicherten XAMPP Server erreichen und angreifen kann?

Mit freundlichen Grüßen,
Altrea

[Nobbie]

Befinden sich dein XAMPP Server und deine mobilen Endgeräte im selben Subnetz, kannst du HTTP Anfragen einfach über die LAN-IP oder Rechnernamen absetzen.

Dazu möchte ich ergänzen, dass es hierfür unerlässlich ist, dass das iPhone via WLAN angemeldet ist. Es reicht nicht, einfach via SIM (G3 / G4) online zu sein, das Smartphone muss im lokalen WLAN angemeldet sein. Viele übersehen diese Notwendigkeit, weil das Handy ja offensichtlich sowieso Online ist. Aber das reicht eben nicht, es muss eine IP aus dem gleichen Subnetz haben (s.o.) und die bekommt man nur, wenn man dort auch angemeldet ist.

[_b3r_]

Mein Iphone ist in meinem WLAN angemeldet. Um sicher zu gehen, habe ich auch die anderen Funktionen der "mobilen Daten" (G3 / G4) deaktiviert. Mein Iphone ist in der gleichen Subnetzmaske wie mein PC auf dem der Xampp-Server läuft.
Wenn ich aber die IP meines PCs in den Browser eingebe wird nichts gefunden.

Liegt das vielleicht daran, dass die Website nicht im normalen xampp/htdocs/ zu finden ist, sonder in der wordpressapp xampp/apps/wordpress/htdocs/ ?

[Nobbie]

Nein, wahrscheinlicher ist, dass eine Windows Firewall o.ä. stört.

P.S.:

Wenn ich aber die IP meines PCs in den Browser eingebe wird nichts gefunden.

Wobei das natürlich eine hemdsärmelige Beschreibung ohne gleichen ist. Wird im Browser wirklich die Meldung "es wird nichts gefunden" angezeigt?

[_b3r_]

Nach einem Neustart hat sich etwas getan.

Wenn ich jetzt mit meinem Iphone die IP meines Rechners eingebe wird die normale "Zugriff verweigert!"-Meldung ausgegeben:

Zugriff Verweigert!

Neues XAMPP-Sicherheitskonzept:
Der Zugriff auf das angeforderte Objekt ist nur aus dem lokalen Netzwerk möglich.
Diese Einstellung kann in der Datei "httdp-xampp.conf" angepasst werden.

Sofern Sie dies für eine Fehlfunktion des Servers halten, informieren Sie bitte den Webmaster hierüber.
Error 403

[Altrea]

Was auch richtig so ist, denn die \xampp\htdocs\index.php Datei enthält eine Weiterleitung auf die XAMPP Administration Page, die besonders geschützt ist.
Du sollst natürlich die URL deiner Webanwendung verwenden.