Artikel

Was ist eine HTML5-App und möchte ich eine?

protection click fraud

Hast du gehört? HTML5-Apps werden wahrscheinlich alles ändern Nächster Jahr. Zumindest sagt das eine Seite der Debatte über HTML5 im Vergleich zu nativen Apps schon seit einiger Zeit. Es ist eine Botschaft, die hin und wieder ins Rampenlicht rückt und für immer so sein wird. Oder zumindest bis es tatsächlich passiert und die besten Apps HTML5-Apps sind. Es ist nicht ungewöhnlich, dass Entwickler diese Art von Debatten führen und Befürworter jeder Seite erklären, wie ihre Version ist Bessere Version, aber wenn die Dinge über eine Entwicklerdiskussion hinausgehen und in den Mainstream gehen, wo Sie und ich sie hören, können sie uns dazu bringen taub. Sollten wir uns wirklich darum kümmern, was wir hören?

In diesem Fall ja. Die Utopie, in der jede App in HTML5 geschrieben ist und jeder Benutzer die gleiche Erfahrung hat, ist noch weit entfernt wenn es kommt immer vor, HTML5 in hybrider Form ist schon eine ziemlich große Sache. Wir sollten alles wissen und verstehen, was eine ziemlich große Sache ist.

Verizon bietet das Pixel 4a für nur 10 US-Dollar pro Monat auf neuen Unlimited-Linien an

Was ist eine HTML5-App?

Das erste Mal, dass die meisten Leute hörten, dass HTML5 erwähnt wurde, war wann Steve Jobs hat uns alles erzählt Es wäre die Zukunft des Webs und Flash nicht. Seine Aussage wurde teilweise wahr gemacht, weil Apple den Zugriff auf jede Art von Flash-Player unter iOS blockierte, aber es Ich brauchte keinen Visionär, um zu wissen, dass dies kommen würde, da HTML5 viel mehr zu bieten hat als Flash Jemals getan. Und es ist einfach so, dass die Zukunft des Webs auch eine ziemlich gute Möglichkeit ist, Anwendungen zu codieren.

HTML steht für HyperText Markup Language und wir befinden uns bei der 5. Überarbeitung des Standards. Wenn Sie jedoch den Begriff HTML5-App hören, egal ob es sich um eine Web-App oder eine App handelt, die Sie auf Ihrem Telefon installieren können, haben Sie es wirklich mit drei Arten von Code zu tun.

  • HTML bietet ein Framework, in das Entwickler ihren Code einfügen können, und eine Anwendung kann ihn in etwas verwandeln, das wir sehen und mit dem wir interagieren können.
  • Mit CSS können Sie festlegen, wie einzelne Codebits aussehen sollen, wenn sie gerendert und auf unserem Bildschirm angezeigt werden.
  • JavaScript macht alles interaktiv und kann alles "tun".

Was HTML5 großartig macht, ist, dass alles von einer Anwendung verstanden wird, die ein App-Entwickler hat muss nicht gewartet werden und alles funktioniert auf jedem Gerät mit einem Bildschirm, der eine eigene Version davon hat App. Wir sprechen von einem Webbrowser, aber nicht von der Webbrowser-App selbst. Die Komponente eines Webbrowsers, die all diesen Code in etwas umwandeln kann, das wir im laufenden Betrieb verwenden können, ist ziemlich portabel und Teil vieler Apps, die Sie bereits als Webansicht verwenden.

Ein Mozilla-Ingenieur sagte einmal: "Code, der einmal irgendwo ausgeführt wurde, bedeutet nicht, wegzulaufen." Optimierung ist der Schlüssel. "Kluge Jungs, diese Mozilla-Ingenieure.

Dies bedeutet, dass ein Entwickler seinen Code schreiben, ihn optimieren und dann bereitstellen kann überall. Das ist viel anders als das Schreiben von separatem Code für Android, iOS, macOS, Windows und HTML für webOS und BlackBerry 10. Ein Entwickler kann Code in jeder von ihm gewählten Entwicklungsumgebung schreiben, sei es Notepad oder etwas Komplexes Debuggen und optimieren Sie es wie Visual Studio oder Adobe Dreamweaver in einem beliebigen Browser, und es funktioniert immer noch überall.

Dazu gehört auch Ihr Telefon. Wir haben alle gesehen, dass HTML5-Apps als Webseite verwendet werden. Orte wie Twitter oder die mobile Version von Google Mail sind hervorragende Beispiele für HTML5 bei der Arbeit. Da HTML5 jedoch von einer Webansichtskomponente gerendert werden kann, ist es einfach und schnell, ein Fenster in einem einfachen App-Frame abzulegen, um eine App zu erstellen, die Sie tatsächlich auf Ihrem Telefon installieren. Es gibt sogar Tools von Drittanbietern, die die ganze Arbeit für Sie erledigen Apache Cordova. Dies hilft neuen Entwicklern, ihre Ideen allen zugänglich zu machen, sowie erfahrenen Entwicklern, die jetzt Zeit haben, sich Dinge auszudenken, die wir vorher noch nicht gesehen haben. In eine native App eingebettetes HTML5 kann den Code ausführen und Assets verwenden, die es aus dem Internet erhält, aber a Entwickler können diese auch lokal installieren und den Code dort für die Ehrlichkeit offline verweisen native Apps.

Aber nicht alles ist großartig an HTML5.

Die Realität von HTML5-Apps

Hier kann es verwirrend werden. Wenn wir an eine Webseite denken, vergessen wir oft, dass eine Webseite ihren Code nur an eine Browser-Engine sendet und unser Gerät die Arbeit erledigt. Das bedeutet, dass Dinge wie Geolokalisierung, Audio- und Video-Chat in Echtzeit, 3D-beschleunigte Grafiken und vieles mehr für Entwickler nicht nur möglich, sondern auch einfach mit HTML5 zu implementieren sind. Das liegt daran, dass ein Normungsgremium gesagt hat: "Hey Leute, wir müssen alle diese bestimmte Sache auf diese besondere Weise tun, und ein Entwickler kann uns bitten, dies so zu tun."

Das ist sowieso das Ziel. Die Realität kann ein bisschen anders sein, und wir müssen uns nur die Videowiedergabe ansehen, um ein gutes Beispiel dafür zu finden, warum. Jeder Browser, den Sie verwenden möchten, unterstützt HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox und Safari sind HTML5-Browser und unterstützen die Videowiedergabe, sobald ein Entwickler nur wenige Wörter eingibt, die auf a verweisen Video. Jede Art von tragbarer Webansichtskomponente, über die diese Apps verfügen, macht dasselbe, da sie dieselbe Rendering-Engine verwenden.

Wenn Sie keine Regeln durchsetzen, werden sie zu Vorschlägen. diejenigen, denen niemand folgen will.

Sie unterstützen jedoch nicht alle dieselbe Art von Video, da HTML5 plattformübergreifend, offen und nicht proprietär ist. Daher zwingt sie niemand, alle Formate zu unterstützen. Ogg Theora ist ein beliebtes Videoformat, das von jedem Browser unterstützt wird, mit Ausnahme von Internet Explorer, der auf vielen Computern der Standardbrowser ist. H.264 ist noch beliebter, aber es ist nicht offen oder kostenlos zu verwenden, sodass Firefox es nicht unterstützt. VP8 und WebM Sie können kostenlos verwendet und geöffnet werden, und jede Browser-Engine unterstützt sie. Für Internet Explorer und Safari muss der Benutzer jedoch Unterstützung abrufen und installieren. Technisch gesehen unterstützt HTML5 die HD-Videowiedergabe und ist für Entwickler sehr einfach zu implementieren. In der realen Welt nur die richtig Videotyp wird unterstützt.

YouTube spielt alle Videos mit HTML5 ab, da Google das Geld hat, um die von Ihnen hochgeladenen Videos zu konvertieren.

HTML5 hängt auch von der verwendeten Hardware ab und davon, wie kompetent der Entwickler beim Schreiben des Codes ist. Die Auswahl der falschen JavaScript-Bibliothek führt möglicherweise immer noch zum gleichen Ergebnis, kann jedoch auch zu Speicherverlusten und zur Behandlung der DOM-Manipulation (Dokumentobjektmodell - erstellt) führen Wenn eine Seite oder App geladen wird und jedes Element auf der Seite oder in der App als separates "Dokument" enthält, kann eine HTML5-App selbst die Besten frustrierend langsam machen Hardware. Auf Telefonen, die nicht so leistungsfähig sind, führt dies schnell dazu, dass Benutzer Ihre App deinstallieren.

Das ist nicht das einzige Problem. Wenn Sie eine HTML5-App erstellen, die alles aus dem Internet abruft, müssen Sie sich mit den Ladezeiten auseinandersetzen. Dadurch wird die Verbindungsgeschwindigkeit eines Benutzers in die Liste der Dinge aufgenommen, die dazu führen können, dass Ihre App langsam ausgeführt wird physische Fähigkeiten der Hardware (viele Telefone verwenden Prozessoren, die nicht gerade schnell sind) und Code Optimierung. Wenn es eine Sekunde dauert, um Ihren Code auf einem Benutzergerät anzuzeigen, und 10 Sekunden, um ihn aus dem Internet abzurufen, werden Sie viele unglückliche Benutzer haben.

Die Facebook-App ist ein Beispiel dafür, was mit HTML5 nicht stimmt, genauso wie Instagram ein Beispiel dafür ist, was richtig ist.

Es gibt ein hervorragendes Beispiel dafür, und fast alle von uns waren mit der Art des verwendeten Telefons unzufrieden: der Facebook-App. Die Facebook-App ist im Grunde eine Webansicht, die in einen Frame eingebettet ist, der die Schaltflächen enthält und dabei hilft, Ihre Kontoanmeldeinformationen oder Push-Nachrichten auf eine vom Betriebssystem genehmigte Weise zu verwalten. Alles, was in der App passiert, wird mit HTML5 erledigt, und es ist einfach zu viel, um es zu verarbeiten, wenn Sie alle Daten aus dem Internet abrufen. Entwickler fügen Facebook immer mehr hinzu, Benutzer veröffentlichen große Dateien, die an Orten gehostet werden außerhalb von Facebook, und es gibt Millionen und Abermillionen von Menschen, die auf die Server von Facebook zugreifen einmal, 24/7. Dadurch werden die Apps nur langsam aktualisiert, sind sehr leistungshungrig und es gibt viele Beschwerden.

Die mobile Website von Facebook ist ebenfalls in HTML5 geschrieben, aber sie wurde entwickelt, um Ressourcen zu schonen, weil sie für Handy, Mobiltelefon verwenden. Dadurch können Sie den gewünschten Inhalt schneller laden, auch wenn der gesamte Inhalt nicht so gut angezeigt wird wie in der Vollansicht. Es ist auch der Grund, warum die mobile Website und Facebook "Lite" -Apps, die darauf verweisen, so viel besser funktionieren als die offizielle Facebook-App. Und dies ist nicht nur ein Facebook-Problem - es gibt viele Apps, deren Funktionen mit HTML5 unterstützt werden, die aber genauso sind Komplex (ein schönes Wort für aufgebläht, weil sie schon eine Weile da sind und sich ständig ändern) wie Facebook und würde sich genauso verhalten.

Möchte ich mehr HTML5-Apps sehen oder nicht?

Ja! Aber nicht alles Apps.

HTML5 ist in vielen Dingen wirklich gut und eine großartige Möglichkeit für Entwickler, seine Zeit zu nutzen, um über kreative Ideen nachzudenken, anstatt ein Objective-C- oder C ++ - Referenzhandbuch zu durchsuchen. Aber manchmal führt die starre Struktur der Entwicklungssprachen, die einen Entwickler dazu zwingt, bestimmte Dinge zu tun, dazu, dass das Endergebnis auf unseren Telefonen besser funktioniert.

HTML5-Apps können ein Albtraum sein, wie wir es von der Facebook-App sehen, oder sie können ziemlich fantastisch sein, wie wir es von der mobilen Google Mail-Website sehen. Oder Uber. Oder Instagram. Oder eine der Hunderten von HTML5-Apps, die wir täglich verwenden. Das ist keine Sache wir sollte sich Sorgen machen müssen, aber es ist absolut eine Sache für Entwickler, endlos zu debattieren. Und jetzt, während sie debattieren und versuchen, Sie davon zu überzeugen, was besser ist, wissen Sie ein wenig darüber, warum sie die Dinge sagen, die sie sagen.

Wir können eine Provision für Einkäufe über unsere Links verdienen. Mehr erfahren.

Dies sind die besten kabellosen Ohrhörer, die Sie zu jedem Preis kaufen können!
Es ist Zeit, die Schnur zu durchtrennen!

Dies sind die besten kabellosen Ohrhörer, die Sie zu jedem Preis kaufen können!

Die besten kabellosen Ohrhörer sind bequem, klingen großartig, kosten nicht zu viel und passen problemlos in eine Tasche.

Alles, was Sie über die PS5 wissen müssen: Erscheinungsdatum, Preis und mehr
Nächste Generation

Alles, was Sie über die PS5 wissen müssen: Erscheinungsdatum, Preis und mehr.

Sony hat offiziell bestätigt, dass es auf der PlayStation 5 funktioniert. Hier ist alles, was wir bisher darüber wissen.

Nokia bringt zwei neue preisgünstige Android One-Handys unter 200 US-Dollar auf den Markt
Neue Nokias

Nokia bringt zwei neue preisgünstige Android One-Handys unter 200 US-Dollar auf den Markt.

Nokia 2.4 und Nokia 3.4 sind die neuesten Ergänzungen im Budget-Smartphone-Sortiment von HMD Global. Da es sich bei beiden Geräten um Android One-Geräte handelt, erhalten sie garantiert bis zu drei Jahre lang zwei wichtige Betriebssystemupdates und regelmäßige Sicherheitsupdates.

Peppen Sie Ihr Smartphone oder Tablet mit den besten Icon-Packs für Android auf
Thema es selbst

Peppen Sie Ihr Smartphone oder Tablet mit den besten Icon-Packs für Android auf.

Die Möglichkeit, Ihr Gerät anzupassen, ist fantastisch, da es dazu beiträgt, Ihr Gerät noch mehr zu "Ihrem eigenen" zu machen. Mit der Leistung von Android können Sie Starter von Drittanbietern verwenden, um benutzerdefinierte Symbolthemen hinzuzufügen. Dies sind nur einige unserer Favoriten.

instagram story viewer