HTML Web Preview / GUIDE

Nutzungsanleitung

2026-09-15 · Allgemeine Informationen

선택한 문서의 적용 범위와 언어를 확인하시기 바랍니다. / Please check the document’s stated scope and language.

Anleitung zum Öffnen von Projekten, zu unterstützten Funktionen und zu Hinweisen für die Nutzung.

Überblick

HTML Web Preview: JS CSS JSON ist eine App zum Anzeigen von Webseiten und zugehörigen Dateien aus Projektordnern auf dem iPhone und iPad.

1. Ein Projekt öffnen

  1. Legen Sie HTML und die damit verknüpften CSS-, JavaScript-, JSON- und Bilddateien in demselben Projektordner ab. Behalten Sie die ursprüngliche Ordnerstruktur bei.
  2. Laden Sie Dateien, die in iCloud Drive gespeichert sind, zunächst über die App „Dateien“ auf das Gerät herunter.
  3. Wählen Sie in der App Ordner öffnen und anschließend den Projektordner. Wenn Sie aufgefordert werden, die HTML-Startdatei auszuwählen, wählen Sie die Datei, die Sie öffnen möchten.
  4. Das Projekt wird in einer Vorschau geöffnet, in der JavaScript nicht ausgeführt wird. Prüfen Sie die Seite und den Quelltext und führen Sie nur vertrauenswürdige Projekte aus.
  5. Wenn Sie in der Projektdateiliste eine JSON- oder Quelldatei auswählen, können Sie deren Inhalt neben der Webseite ansehen. Wenn Sie das Original in einer anderen App geändert haben, aktualisieren Sie die Ansicht, um die Änderungen zu sehen.

2. Wenn eine Seite oder Schaltfläche nicht funktioniert

Seiten, deren Darstellung mit JavaScript aufgebaut wird, können in der Vorschau leer erscheinen oder nicht funktionierende Schaltflächen enthalten. Verwenden Sie Vertrauen und ausführen nur bei Projekten, deren Inhalt Sie geprüft haben.

Bei der Ausführung mit Sicherheitsbeschränkungen können einige Funktionen wie 3D-Grafik und Audio eingeschränkt sein. Der Kompatibilitätsmodus lässt sich für vertrauenswürdige Projekte gesondert auswählen und kann zusätzliche Kommunikation mit externen Stellen ermöglichen.

3. JSON- und Quelldateien ansehen

Wählen Sie in der Projektdateiliste eine JSON-Datei aus, um deren übersichtlich aufbereiteten Inhalt anzuzeigen. Die App verändert die Originaldatei nicht.

Für die Textvorschau gilt eine Größenbeschränkung von 2 MiB. Für größere Dateien ist möglicherweise keine Textvorschau verfügbar.

4. Nicht unterstützte Funktionen

Die App zeigt vorhandene Webdateien an. Sie bietet keine Ausführung von Java-, Python-, PHP- oder Node.js-Servern, keine Erstellung von React-Projekten, kein Entpacken von ZIP-Dateien und keine Bearbeitung von Quellcode.

Projekte, die zunächst erstellt werden müssen, müssen in der jeweiligen Entwicklungsumgebung fertig erstellt werden, bevor der Ergebnisordner geöffnet werden kann.

5. Externe Bilder und Schriftarten

Der Zugriff auf externe HTTPS-Ressourcen wird gesondert eingestellt und ist standardmäßig eingeschränkt. Prüfen Sie, ob die Ressourcen für die Ausführung des Projekts erforderlich sind, bevor Sie den Zugriff erlauben.

Je nach Richtlinien der externen Website, Anmeldeanforderungen und ausgewähltem Ausführungsmodus lassen sich Ressourcen möglicherweise nicht laden.

6. Eingaben und Ausführungszustand

Daten der Webausführung werden in einem temporären Speicher verwaltet. Beim Schließen eines Projekts, beim Neuaufbau seiner Ausführungsumgebung oder bei bestimmten Wechseln in den Hintergrund können Eingaben und Ausführungszustand verloren gehen. Bei einer normalen Aktualisierung kann der temporäre Speicher wiederverwendet werden. Bewahren Sie wichtige Eingaben nicht ausschließlich im vorübergehenden Ausführungszustand auf.

Ausführungsprotokolle werden durch das bloße Schließen oder Aktualisieren eines Projekts nicht vollständig gelöscht. Schlägt die Vorbereitung eines neuen Projekts fehl, können frühere Protokolle wiederhergestellt werden. Die ursprünglichen Projektdateien und die Liste zuletzt verwendeter Projekte werden getrennt vom vorübergehenden Ausführungszustand verwaltet.

7. Anzeigesprache

Sie können Koreanisch, Englisch, Japanisch, vereinfachtes und traditionelles Chinesisch, Deutsch, Französisch, Spanisch und Portugiesisch (Brasilien) auswählen. Öffnen Sie über Sprache → Sprache ändern in der App die Apple-Einstellungen und wählen Sie die gewünschte Sprache aus. Die Sprache externer Umfragen und der Auswahlbildschirme für Werbung kann von der Anzeigesprache der App abweichen.

8. Hinweise zur Ausführung und Kontakt

Führen Sie nur vertrauenswürdige Ordner und vertrauenswürdigen Code aus. Ein ausgeführtes Projekt kann auf lesbare Dateien im ausgewählten Ordner zugreifen oder Informationen an Stellen außerhalb des Geräts übertragen. Die App ist weder ein Schadsoftware-Scanner noch eine System-Firewall. Wählen Sie einen Ordner, der nur die für das jeweilige Projekt benötigten Dateien enthält.

Fragen und Verbesserungsvorschläge senden Sie bitte an avrelo.mail@gmail.com. Angaben zur App-Version, zum Gerät, zur Betriebssystemversion und zur Abfolge, bei der das Problem auftrat, helfen bei der Ursachenermittlung. Entfernen Sie personenbezogene Daten aus Bildschirmfotos und fügen Sie keine Passwörter, geheimen Schlüssel oder privaten Originalprojekte bei.