Software oder Prozess, mit dem ich eine HTML-Datei in einem Browser auf meinem iPhone anzeigen kann, wenn sie sich in der Entwicklung befindet

Ich baue gerade eine Website auf, die fast fertig ist, aber ich habe eine Reihe von Hover-Effekten, die ich auf einem echten Handy überprüfen muss.

Ich bin ziemlich neu in der freiberuflichen Entwicklung und weiß nicht, wie das geht. Gibt es eine Möglichkeit, meinen Site-Ordner / meine index.html-Datei auf meinem Telefon zu speichern – sie ist nicht groß (ca. 5 MB) – und sie dann in Safari und/oder Chrome zu starten? Von Dropbox vielleicht?

Die Site ist ziemlich festgefahren, da nur css/html/javascript vorhanden ist.

Antworten (2)

Ja. Sobald Sie die Dateien auf Ihrem Telefon auf irgendeine Weise erhalten haben (z. B. Dropbox oder E-Mail), öffnen Sie einen Webbrowser und gehen Sie zur URL file:///.../index.html, wo ...sich der Dateipfad befindet. Das ist das fileURI-Schema .

Danke vielmals. Die Datei wird geöffnet, aber die Bilder öffnen sich nicht. Ich bin mir sicher, dass ich irgendwo gelesen habe, dass dies normalerweise passiert.
@Mike.Whitehead-Bilder sollten funktionieren, solange sie sich in dem von Ihnen kopierten Verzeichnis befinden, die URLs relativ (und nicht absolut) sind und die URLs Schrägstriche als Verzeichnistrennzeichen verwenden (keine umgekehrten Schrägstriche, wie dies normalerweise unter Windows der Fall ist).

Persönlich lade ich auf meinen eigenen Server hoch und schaue sie dann vom Telefon und verschiedenen anderen Geräten aus an, anstatt die Website auf mehrere Geräte laden zu müssen.

Natürlich entwickeln Sie sich wahrscheinlich weiter localhostund da Ihr Telefon wahrscheinlich über WLAN mit Ihrem Heimrouter verbunden ist, können Sie von Ihrem Telefon über die IP-Adresse 192.xxx.xxx.xxx oder 10.xxx.xxx.xxxx auf Ihren PC zugreifen .

Warum sollten Sie den Code darauf laden, es sei denn, Sie bearbeiten und entwickeln auf Ihrem Telefon oder einem anderen Gerät? Wahrscheinlich besser, es einfach an einem zentralen Ort zu lassen.

Sehen Sie sich auch Google & verschiedene Websites an, auf denen Sie Ihre Website (die eine öffentliche IP-Adresse benötigt, laden Sie sie also auf Ihren Server hoch) und verschiedene Auflösungen anzeigen können, die verschiedene Browser und Bildschirmgrößen emulieren.

Wenn Sie Ihren Code wahrscheinlich regelmäßig aktualisieren, sollten Sie sich mit automatisierten Unit-Tests befassen.