Wie kann ich die Reaktionsfähigkeit meiner nicht gehosteten Website auf meinem Handy testen?

Ich frage mich, ob es ein ähnliches Tool wie Skala Preview gibt (es dient zur Live-Vorschau von Photoshop-Arbeiten auf Ihrem iPhone über WLAN), um mein Webdesign ( index.htmlund seinen Assets-Ordner ) auf Mobiltelefonen (iPhone, Android und WinPhone) zu testen. Ich muss überprüfen, ob Viewport , Mediaqueries und andere Designfragen wie erwartet funktionieren ...

Ich benutze Resizer bereits, aber es soll nicht direkt auf mobilen Geräten getestet werden, ich möchte keinen Emulator. Ich habe Dropbox und Drive ausprobiert , aber letzteres funktioniert nicht auf Handys und beide sind so schwierig zu bedienen. Ich bin kein Entwickler und verstehe die meisten dieser seltsamen Sprachen außer HTML und CSS nicht ... Aber ich kann nicht glauben, dass es keinen einfachen Weg gibt, das zu tun, worum ich bitte. Es sollte nicht so schwierig sein!

Vielen Dank im Voraus :)

Wahrscheinlich itunes.apple.com/us/app/gotomypc-remote-desktop/… oder jede andere Software, die hilft, eine Verbindung zu Ihrem PC herzustellen, durch Dateien zu navigieren und sie mit installierten Anwendungen auszuführen (z. B. Safari)
Ja, ich weiß, dass ich einen Hosting-Account haben sollte. Ich habe alles selbst gelernt und weiß nicht, wie man ein Hosting konfiguriert. Es macht mir Angst, aber ich werde es versuchen. Ich hatte gehofft, es gäbe eine einfachere Lösung. Danke schön.
Sie können jede kostenlose Hosting-Lösung erhalten. Alles, was Sie brauchen, ist ein FTP-Zugang und es funktioniert wie ein entfernter Ordner. Nichts gruselig)
Danke euch allen. Vnovak, Scott, ich weiß, es sieht einfach aus für Leute, die es bereits benutzt haben, aber ich möchte mich einfach verstanden fühlen. Ich weiß nicht, was ein FTP, ein Webserver oder ähnliches ist, weil ich Designer bin. Ich kenne Photoshop, Sketch, Illustrator, HTML, CSS, jQuery, Farbpsychologie und vieles mehr, aber diese Dinge nicht. Ich glaube, ich muss einen Entwickler in mein Leben holen … irgendwelche Freiwilligen? XDDD
Candy, wenn Sie professionell Markup (HTML/CSS) für das Web erstellen und sich Gedanken über die Reaktionsfähigkeit und das Testen von Browsern machen, kommen Sie um die grundlegenden Informationen über FTP (File Transfer Protocol) und das Verschieben von Dateien auf ein Hosting-Konto zum Testen nicht herum Sie. Die meisten "Entwickler" werden mit den Augen rollen, wenn Sie sie bitten, diesen außergewöhnlich einfachen Schritt zu übernehmen. Der Kommentar "als Designer" tut dir nicht gut. :) Alle Webdesigner, die ich kenne, können diese Schritte ausführen.
Ich versuche nicht, mich dieser Verantwortung zu entziehen. Ganz im Gegenteil. Ich weiß, dass ich meine Produktivität verbessern und unabhängiger sein muss. Ich habe viele Dinge gelernt, die eigentlich nichts mit Design zu tun haben. Und darauf bin ich sehr stolz. Aber ich habe das getan, weil ich es tun wollte, nicht weil ich es tun musste. Meine Frage fragte nach einer alternativen und einfacheren Testmethode, sonst nichts. Nicht nach dem Standardweg gefragt. Ich habe gesagt, ich werde es tun, und ich habe es getan. Danke noch einmal. Aber es war nicht meine Frage.

Antworten (4)

Die meisten Webdesigner oder -entwickler haben ihre eigene Website mit Hosting. Sie können einfach einen Unterordner in Ihrem Hosting-Konto erstellen und die Website dort ablegen ... und über http://www.yourdomain.com/subfolder. Wenn Sie kein Hosting-Konto haben, besorgen Sie sich eines. Sie laufen so wenig wie $40 pro Jahr .

Andere Optionen umfassen die Verwendung von Dingen wie MAMP , LAMP oder WAMP , um eine lokale Serverumgebung zu erstellen.

Alles, was Sie wirklich brauchen, ist ein Webserver, der in Ihrem lokalen Netzwerk läuft. Einige Betriebssysteme haben bereits eine vorinstallierte Serverumgebung. Das MacOS hat Apache eingebaut (ich weiß nichts über Windows). Damit benötigen Sie lediglich die lokale IP des Systems, auf dem der Server ausgeführt wird.

Ich brauche die Hilfe eines Entwicklers, um das alles zu tun, aber vielen Dank.
Sie brauchen wahrscheinlich nicht die Hilfe eines Entwicklers. Der Kauf und die Einrichtung eines Hosting-Kontos ist ziemlich einfach. Es gibt nichts zu befürchten.
FYI, Windows hat IIS eingebaut, aber Sie müssen diese Funktion aktivieren, um Webseiten zu hosten.
Eine andere Option wäre, Ihren Computer hosten zu lassen, Sie sollten in der Lage sein, sich direkt mit der IP zu verbinden. Der Einfachheit halber können Sie einige der kostenlosen Dienste für dynamische Namen verwenden, sodass Sie die IP-Adresse nicht nachschlagen müssen.
Ich habe XAMPP ausprobiert und es deckt auch meine Bedürfnisse ab. Danke schön.

Sie könnten GhostLab ausprobieren ... es ist großartig, aber auch Premium. Sie können Ihre Designs live auf jedem Gerät ohne Hosting testen, nur mit Ihrem lokalen Computer und Ihrer Internetverbindung.

Ich habe es versucht, es ist das, wonach ich gesucht habe ... danke!
@CandyKillah Freut mich, dass es geholfen hat!

Wenn Sie Zugriff auf die Adobe Creative Cloud haben, können Sie mithilfe von Edge Code und Edge Inspect eine Live-Vorschau Ihrer Website auf jedem gängigen Mobilgerät anzeigen . Änderungen werden während der Bearbeitung in Edge Code vorgenommen, sodass Sie sofort Feedback darüber erhalten, wie verschiedene Geräte mit Änderungen an HTML und CSS umgehen, ohne Änderungen ständig per FTP auf einen Server übertragen zu müssen.

Sie können Ihre Website online auf jedem Gerät mit verschiedenen Auflösungen sowie Ihrer eigenen gewünschten Auflösung testen. Mobitest.comli