Unterstützt Phonegap den relativen Pfad der Wurzel? Was sind die besten Praktiken?

Bei der Entwicklung von Telefonlücken befindet sich alles, was Ihren Code betrifft, im Ordner www .

Am besten wäre es, die Dateien nur als js/file.js und css/file.css zu beziehen, d. h. relativ zu index.html.

Root relative Pfade können abhängig von der Plattform Konflikte verursachen und wären daher ein unnötiger Ärger.

Root-relative Pfade:

macht so etwas:

Dies funktioniert in Ihrem Browser, wenn Sie ein lokales Server-Setup haben und den Ordner myApp/www als Root festgelegt haben.

Aber wenn Sie Ihre App in Cordova erstellen und auf Ihrem Telefon testen, wird sie falsch angezeigt, da sie keinen Verweis auf diesen Serverstamm hat und sie als file:/// referenziert.

Absolute Pfade

Bei einem absoluten Pfad müssen Sie die vollständige Adresse angeben. Wenn Sie Ihre App erstellen, befindet sich der Code im Ordner myApp/www . Aber wenn Sie die App erstellen (Android vorausgesetzt), wird sie in den Ordner platforms/android/assets/www verschoben. Deine absoluten Pfade werden also wieder falsch sein.

Remoteserver

Ihre App interagiert offensichtlich mit einem Remote-Server. Wenn Sie Ihre Bilder auf Ihrem Remote-Server speichern, müssen Sie in Ihrer Anwendung auf absolute Pfade verweisen.

Ich bin auf diesen alten Thread gestoßen, als ich versuchte, die gleiche / ähnliche Herausforderung zu lösen, wobei Bilder nicht auf dem Gerät gerendert wurden, aber seltsamerweise beim Betrieb mit einem Live-Server oder mit dem Chrome-Browser gerendert wurden.

Wenn Sie dies lesen, wird in der Dateispezifikation für Ihr Bild ebenfalls zwischen Groß- und Kleinschreibung unterschieden. Chrome ist egal, aber Cordova (Phonegap) macht das!