Zuhause Persönliche Finanzen Wie man AJAX benutzt um eine App für HTML5 und CSS3 zu programmieren Programmierung - Dummies

Wie man AJAX benutzt um eine App für HTML5 und CSS3 zu programmieren Programmierung - Dummies

Inhaltsverzeichnis:

Video: HTML5-Workshop: HTML5 Shim, Polyfills, Boilerplate, ... 2025

Video: HTML5-Workshop: HTML5 Shim, Polyfills, Boilerplate, ... 2025
Anonim

Jeder möchte heutzutage mobile Apps erstellen. Hier ist das große Geheimnis. Viele Apps sind wirklich in HTML5, CSS und JavaScript geschrieben. Sie kennen bereits alles, was Sie für die Erstellung von Apps benötigen, die auf mobilen Geräten funktionieren. Besser noch: Sie müssen keine neue Sprache erlernen oder eine Genehmigung vom App Store erhalten oder eine Lizenz erwerben, wie Sie dies für native Apps tun.

Es gibt ein paar wunderbare Tricks, die du für iOS-Nutzer tun kannst. Sie können Ihr Programm so gestalten, dass der Benutzer ein Symbol direkt auf dem Desktop hinzufügen kann. Der Benutzer kann dann das Programm wie jede andere App starten. Sie können den Browser auch dazu bringen, die normalen Browser-Accoutrements zu verbergen, damit Ihr Programm nicht so aussieht, als würde es in einem Browser laufen!

Es stellt sich heraus, dass diese Effekte recht einfach sind.

Hinzufügen eines Symbols zu Ihrem Programm

Moderne iOS-Versionen (das iPhone / iPad-Betriebssystem) können bereits eine beliebige Webseite auf dem Desktop speichern. Betrachten Sie einfach die Webseite in Safari und klicken Sie auf die Schaltfläche Freigeben. Sie finden eine Option zum Speichern der Webseite auf dem Desktop. Sie können Ihre Benutzer anweisen, dies zu tun, und sie können Ihr Programm wie eine normale App starten.

Das Standardsymbol für eine gespeicherte App ist jedoch ziemlich hässlich. Wenn Sie ein hübsch aussehendes Symbol möchten, können Sie ein kleines Bild als ein speichern. Png-Datei und legen Sie es in das gleiche Verzeichnis wie Ihr Programm. Dann können Sie diese Zeile zu Ihrer Seite hinzufügen (in der Kopfzeile) und dieses Bild erscheint auf dem Desktop, wenn der Benutzer Ihr Programm speichert:


Als zusätzlichen Bonus passt das iPhone oder iPad das Bild automatisch an Apple-Symbol, das die der installierten Version von iOS entsprechenden Effekte enthält (abgerundet und glasklar in iOS6, flach in iOS7).

Dieser Icon-Trick ist natürlich ein Apple-only-Mechanismus. Bei den meisten Android-Versionen kann jedes Lesezeichen, das Sie mit Ihrem Hauptbrowser festgelegt haben, zum Desktop hinzugefügt werden. Es gibt jedoch keine benutzerdefinierte Symboloption. Die Apple-Touch-Icon-Direktive wird ignoriert, wenn Sie ein anderes Betriebssystem verwenden.

Entfernen der Safari-Symbolleiste

Obwohl Ihr Programm auf dem Hauptbildschirm gut aussieht, ist es dennoch offensichtlich, dass das Programm Teil des Webbrowsers ist, wenn der Benutzer das Programm aktiviert. Sie können die Browser-Symbolleiste einfach mit einer anderen Zeile in der Kopfzeile ausblenden:


Dieser Code ändert nichts, es sei denn, das Programm wird vom Desktop aus aufgerufen. In diesem Fall wird die Symbolleiste jedoch ausgeblendet, sodass das Programm wie eine ausgewachsene App aussieht und sich anfühlt. Als zusätzlichen Bonus wird das Programm im Vollbildmodus ausgeführt, sodass Sie etwas mehr Spielraum haben.

Auch dies ist eine Apple-spezifische Lösung. Es gibt keine einfache Möglichkeit, den gleichen Effekt auf Android-Geräten zu erzielen.

Programm offline speichern

Ihr Programm sieht jetzt aus wie eine App, nur dass es nur läuft, wenn Sie mit dem Internet verbunden sind. HTML5 hat eine wunderbare Funktion, mit der Sie eine ganze Webseite lokal speichern können, wenn sie zum ersten Mal ausgeführt wird.

Wenn der Benutzer versucht, auf das Programm zuzugreifen, und das System nicht online gehen kann, wird stattdessen die lokale Kopie des Spiels ausgeführt. Im Wesentlichen wird das Programm beim ersten Aktivieren heruntergeladen und bleibt auf dem lokalen Gerät.

Dies ist ein relativ einfacher Effekt:

  • Machen Sie Ihr Programm stabil: Bevor Sie den Offline-Speichermechanismus verwenden können, sollten Sie sicherstellen, dass Ihr Programm kurz vor der Veröffentlichung steht. Sie müssen mindestens sicherstellen, dass Sie alle externen Dateien kennen, die für das Spiel benötigt werden.

  • Verwenden Sie nur lokale Ressourcen: Bei dieser Art von Projekt können Sie sich nicht auf das externe Internet verlassen. Daher müssen alle Dateien lokal sein. Dies bedeutet, dass Sie PHP oder externe Dateien nicht wirklich verwenden können. Sie müssen eine lokale Kopie von allem auf dem Server haben.

  • Baue einen Cahce. Manifestdatei: Sieh dir das Verzeichnis an, das dein Spiel enthält, und erstelle eine neue Textdatei namens.

  • Schreiben Sie die erste Zeile: Die erste Zeile des Caches. Manifestdatei sollte nur den Text CACHE MANIFEST enthalten (alle in Großbuchstaben).

  • Erstellen Sie eine Liste aller Dateien im Verzeichnis: Schreiben Sie den Namen jeder Datei in das Verzeichnis, eine Datei pro Zeile. Seien Sie vorsichtig mit Ihrer Großschreibung und Rechtschreibung.

  • Fügen Sie das Manifestattribut hinzu: Das Tag hat ein neues Attribut namens manifest. Verwenden Sie dies, um dem Server zu beschreiben, auf dem sich das Cache-Manifest befindet:

    
    
  • Laden Sie die Seite normal: Sie müssen die Webseite einmal normal laden. Wenn alles richtig eingerichtet ist, erstellt der Browser leise eine Kopie der Datei.

  • Offline testen: Die beste Methode zum Testen des Offlinespeichers besteht darin, den drahtlosen Zugriff auf dem Computer vorübergehend auszuschalten und anschließend auf die Datei zuzugreifen. Wenn alles geklappt hat, sollten Sie Ihre Seite so sehen können, als wären Sie noch online.

  • Server-Einstellungen prüfen: Wenn der Offline-Speicher nicht funktioniert, müssen Sie möglicherweise mit Ihrer Server-Administration nachfragen. Der Text / Manifest-MIME-Typ muss auf dem Server konfiguriert werden. Möglicherweise müssen Sie Ihren Serveradministrator bitten, diese Option in der Liste festzulegen. htaccess-Datei für Ihr Konto:

    addtype text / cache-manifest. manifest
    

Beachten Sie, dass der Cache-Manifest-Mechanismus mehrere Stunden benötigt, um Änderungen zu erkennen. Wenn Sie also Änderungen an Ihrer Seite vornehmen, werden diese Änderungen nicht automatisch auf den lokalen Browser aktualisiert. Deshalb ist es am besten, die Offline-Archivierung für das Ende Ihres Projektentwicklungszyklus zu speichern.

Wie man AJAX benutzt um eine App für HTML5 und CSS3 zu programmieren Programmierung - Dummies

Die Wahl des Herausgebers

ÜBen Mathe-Fragen für die Praxis: Sequenzen - Dummies

ÜBen Mathe-Fragen für die Praxis: Sequenzen - Dummies

Wenn Sie eine Frage zur Praxis Core-Prüfung beantworten Wenn Sie eine arithmetische oder geometrische Sequenz lösen müssen, denken Sie daran: Es geht darum, regelmäßige Muster zu finden - und manchmal rückwärts zu arbeiten. In den folgenden Übungsfragen fängst du damit an, einen bestimmten Begriff in einer Folge zu finden (einfach: suche einfach nach dem Unterschied zwischen jedem ...

ÜBen Mathematische Fragen für die Praxis: Ähnliche und kongruente Formen - Dummies

ÜBen Mathematische Fragen für die Praxis: Ähnliche und kongruente Formen - Dummies

Auch wenn zwei Formen aussehen identisch, können sie nicht sein. Zum Beispiel können Sie bei der Praxis Core-Prüfung auf eine Frage stoßen, bei der zwei Formen gleich aussehen, aber es wird Ihnen gesagt, sie seien "ähnlich". " Was bedeutet das? Was ist, wenn sie als "kongruent" gekennzeichnet sind? Wenn Sie sich nicht sicher sind, sollten die folgenden Übungsfragen (und ihre Erklärungen) ...

ÜBen Mathematische Fragen für die Praxis: Vereinfachen eines algebraischen Ausdrucks - Dummys

ÜBen Mathematische Fragen für die Praxis: Vereinfachen eines algebraischen Ausdrucks - Dummys

Einige algebraische Ausdrücke auf der Praxis Core Prüfung kann einschüchternd aussehen, und Sie können sogar auf sie aufgeben und weitermachen. Wie Sie in den folgenden Übungsfragen sehen werden, können Sie jedoch einige einfache Techniken verwenden, wie das Faktorisieren und Kombinieren von ähnlichen Begriffen, um sie zu lösen. Übungsfragen Welche der folgenden ist die vereinfachte ...

Die Wahl des Herausgebers

Fotografieren im Sportmodus mit einer Canon EOS Rebel T3-Kamera - Dummies

Fotografieren im Sportmodus mit einer Canon EOS Rebel T3-Kamera - Dummies

Der Sportmodus der Canon Rebel T3 und T3i führt zu einer Reihe von Einstellungen, mit denen Sie sich bewegende Motive fotografieren können. Zunächst wählt die Kamera eine kurze Verschlusszeit aus, die zum Stoppen der Bewegung benötigt wird. "Farben, Schärfe und Kontrast sind alle im Sportmodus Standard, wobei keine der Anpassungen im Portrait ...

Aufnahme von Bildern im Nahaufnahmemodus mit einer Canon EOS Rebel T3-Kamera

Aufnahme von Bildern im Nahaufnahmemodus mit einer Canon EOS Rebel T3-Kamera

Der Nahaufnahme-Modus der Canon Rebel T3 und T3i ermöglicht es Ihnen nicht, näher am Motiv zu fokussieren als bei einigen Nicht-Spiegelreflexkameras. Die Nahfokussierungsfähigkeiten Ihrer Kamera hängen ganz von der Linse ab, die Sie verwenden. (In der Bedienungsanleitung Ihres Objektivs sollte die minimale Fokussierentfernung angegeben werden.) Auswahl des Nahaufnahmemodus ...

Fotografieren im Querformat mit einer Canon EOS Rebel T3-Kamera - Dummies

Fotografieren im Querformat mit einer Canon EOS Rebel T3-Kamera - Dummies

Der Landschaftsmodus der Canon Rebel T3 und T3i, der für die Aufnahme von Aussichtspunkten, Stadtskylinen und anderen großformatigen Motiven konzipiert wurde, erzeugt eine große Schärfentiefe. Infolgedessen erscheinen Objekte, die sich sowohl in der Nähe der Kamera als auch in einiger Entfernung befinden, scharf fokussiert. Wie im Hochformat-Modus erreicht der Querformat-Modus die größere Schärfentiefe durch Manipulieren von ...

Die Wahl des Herausgebers

Erstellen und Verwenden von Verknüpfungen im dynamischen GP-Navigationsbereich - Dummies

Erstellen und Verwenden von Verknüpfungen im dynamischen GP-Navigationsbereich - Dummies

Microsoft Dynamics GP-Verknüpfungen werden angezeigt. Der obere Teil des Navigationsfensters, wenn Sie Ihre Dynamics GP Homepage anzeigen. Verwenden Sie Verknüpfungen, um häufig verwendete Fenster und Ressourcen in Dynamics GP schnell zu öffnen. Zum Beispiel können Sie einen Satz von Verknüpfungen zu den Fenstern erstellen, die Sie regelmäßig verwenden, und einen anderen Satz für die ...

MYOB Software für Dummies-Spickzettel (Neuseeland-Ausgabe) - Dummies

MYOB Software für Dummies-Spickzettel (Neuseeland-Ausgabe) - Dummies

Sie können MYOB verwenden für Ihre Geschäftsanforderungen schnell und einfach durch diese einfachen Verknüpfungen. Wenn Sie zusätzliche Hilfe benötigen, bieten viele Websites MYOB-Unterstützung an.

MYOB Software für Dummies Cheat Sheet (Australische Ausgabe) - Dummies

MYOB Software für Dummies Cheat Sheet (Australische Ausgabe) - Dummies

Mit MYOB für Ihre Unternehmensanforderungen kann durch diese einfachen Abkürzungen noch schneller und einfacher gemacht werden. Und wenn Sie Hilfe benötigen, gibt es viele Websites, die Unterstützung anbieten.