Internetseite auf mobilem Gerät testen

Ich habe eine Internetseite mit dem Content Management System Wordpress und dem virtuellen Serverprogramm Xampp erstellt. Das funktioniert alles sehr gut und ich kann auch direkt sehen oder testen, was ich an der Seite verändert habe. Nun hätte ich es gerne so, dass ich eben auch eine mobile Seite habe.

Man kann ja anhand des Gerätes heraus finden, ob der Besucher beispielsweise jetzt mit einem Smartphone oder mit einem Computer auf die Internetseite kommt. Dafür muss diese Internetseite allerdings irgendwie für beide Geräte erreichbar sein.

Momentan ist die Internetseite allerdings nur für meinen Computer unter dem Localhost, also 127.0.0.1, erreichbar. Wenn ich das bei dem Smartphone eingeben würde, würde es versuchen einen eigenen Localhost zu suchen, welchen es ja nicht gibt. Die Internetseite befindet sich auf meinem Notebook, welcher, genau wie das Smartphone, mit meinem W-Lan Netzwerk verbunden ist.

Kann ich den an meinem Android Smartphone, dem Samsung Galaxy S I-9000 irgendwie eine solche Weiterleitung einstellen? Ordner wie kann ich denn testen, wie die Internetseite auf einem mobilen Gerät aussehen würde?

Wenn sich das Smartphone im gleichen Netzwerk wie dein Webserver befindet, beispielsweise über W-LAN, kannst du einfach die IP-Adresse des Webservers im Browser eingeben, also z.B. 192.168.1.x statt 127.0.0.1. Falls dein Smartphone nur über eine Mobilverbindung ins Internet kommt, wird das ganze schon komplizierter.

Das Smartphone und der Server, also der Computer, auf welchem sich die Internetseite befindet, sind im gleichen Netzwerk. Ich habe die IP-Adresse des Computers in meinem Browser des Smartphones eingegeben. Dort heißt es dann jedoch, dass die Internetseite nicht gefunden wurde. Welche IP-Adresse meinst du denn? Eigentlich müsste es doch die des Notebooks sein oder?

Genau, ich meine die IP-Adresse des Notebooks. Unter Windows kannst du diese mit dem Programm "ipconfig" herausfinden (Start - Ausführen - cmd - ipconfig). Außerdem ist wichtig, dass die Anfrage nicht von der Firewall geblockt wird. Diese kann testweise ruhig mal deaktiviert und später dann wieder aktiviert werden, um sie als Fehlerquelle auszuschließen.

Beim Webserver ist darauf zu achten, dass er nicht nur auf der lokalen Adresse (127.0.0.1) lauscht, sondern auf allen dem Rechner zugewiesenen Adressen (0.0.0.0) bzw. sowohl auf der lokalen als auch auf der nicht-lokalen. Ich glaube Xampp setzt auf Apache und daher sollte so eine Einstellung in der apache.conf zu finden sein, da ich Xampp aber selber nicht einsetze und insbesondere keinen Webserver unter Windows, kann dazu leider nichts Genaueres sagen.

Du könntest dazu auf dem Entwickler PC einfach den Opera Mini installieren (siehe hier) und dann deine Webseite aufrufen. Oder aber du verwendest den angeblich guten "Mobilizer" (den findest du hier) - allerdings kenne ich den nicht aus Erfahrung. Immer geht es bei den Tools darum, den mobilen Browser auf dem Rechner zu simulieren. Für den normalen Gebrauch sollte das auch reichen.

Ansonsten kannst du wirklich versuchen, innerhalb deines Netzwerks auf deinen Webserver zu kommen. Dazu unterstelle ich, dass dein Mobilgerät tatsächlich im gleichen Netz ist. Hier ist aber zu beachten, dass u.U. Sicherheitseinstellungen auf deinem Entwicklerrechner Zugriffe von Außen verhindern können.