Artikkel

Hva er en HTML5-app, og vil jeg ha en?

Har du hørt? HTML5-apper kommer til å endre alt, sannsynligvis neste år. I det minste er det den ene siden av debatten om HTML5 versus native apps har sagt en stund. Det er en melding som kommer frem til rampelyset innimellom, og det kommer til å være slik for alltid. Eller i det minste til det faktisk skjer og alle de beste appene er HTML5-apper. Det er ikke uvanlig å se at utviklere har slike debatter og talsmenn for hver side som forklarer hvordan deres versjon er bedre versjon, men når ting går utover en utviklerdiskusjon og inn i mainstream der du og jeg hører dem, kan de lage oss nummen. Skal vi virkelig bry oss om det vi hører?

I dette tilfellet, ja. Mens utopien der hver app er skrevet i HTML5 og hver bruker har den samme opplevelsen, er det fortsatt en god vei hvis det skjer noensinne, HTML5 i hybridform er allerede en ganske stor avtale. Vi bør vite og forstå alt som er ganske stort.

Verizon tilbyr Pixel 4a for bare $ 10 per måned på nye ubegrensede linjer

Hva er en HTML5-app?

Første gang de fleste hørte HTML5 bli nevnt, var når

Steve Jobs fortalte oss alle det ville være fremtiden på nettet og Flash ikke. Hans uttalelse ble delvis oppfylt fordi Apple blokkerte tilgang til alle slags Flash-spillere på iOS, men det tok ikke visjonær av noe slag for å vite at dette kom fordi HTML5 har mye mer å gjøre enn Flash noensinne har gjort. Og det skjer slik at fremtiden på nettet også er en ganske god måte å kode applikasjoner på.

HTML står for HyperText Markup Language, og vi er ved 5. revisjon av standarden. Men når du hører begrepet HTML5-app, enten det betyr en webapp eller en app du kan installere på telefonen din, har du virkelig å gjøre med tre typer koder.

  • HTML gir et rammeverk der utviklere kan sette koden sin, og en applikasjon kan gjøre den om til noe vi kan se og samhandle med.
  • CSS gir en måte å utforme hvordan individuelle kodebiter vil se ut når de gjengis og vises på skjermen vår.
  • JavaScript er det som gjør det hele interaktivt og kan "gjøre" hva som helst.

Det som gjør HTML5 flott er at alt forstås av ett program som en apputvikler trenger ikke å vedlikeholde, og alt fungerer på alle enheter med en skjerm som har sin egen versjon av det app. Vi snakker om en nettleser, men ikke selve nettleserappen. Komponenten i en nettleser som kan ta all denne koden og gjengi den til noe vi kan bruke på farten, er ganske bærbar og en del av mange apper du allerede bruker som en webvisning.

En Mozilla-ingeniør sa en gang "Kode en gang kjørt hvor som helst, betyr ikke å stikke av. Optimalisering er nøkkelen. "Smarte gutter, de Mozilla-ingeniørene.

Hva dette betyr er at en utvikler kan skrive koden sin og finjustere den og deretter distribuere den overalt. Det er mye annerledes enn å skrive separat kode for Android, iOS, macOS, Windows og HTML for webOS og BlackBerry 10. En utvikler kan skrive kode ved hjelp av hvilket utviklingsmiljø de velger, enten det er Notisblokk eller noe komplekst som Visual Studio eller Adobe Dreamweaver, feilsøk og finjuster den i hvilken nettleser de velger, og den fungerer fortsatt bare overalt.

Det inkluderer også telefonen din. Vi har alle sett HTML5-apper som brukes som en webside. Steder som Twitter eller mobilversjonen av Gmail er gode eksempler på HTML5 på jobben. Men siden HTML5 kan gjengis av en webvisningskomponent, er det enkelt og raskt å slippe et vindu i en grunnleggende appramme for å lage en app du faktisk installerer på telefonen. Det er til og med tredjepartsverktøy som gjør alt arbeidet for deg, som Apache Cordova. Dette hjelper nye utviklere å bringe ideene sine til alle, så vel som erfarne utviklere som nå har tid til å drømme om ting vi ikke har sett før. HTML5 innebygd i en innfødt app kan kjøre koden og bruke eiendeler den får fra internett, men a utvikler kan også installere disse lokalt og peke koden der for ærlighet til godhet offline innfødte apper.

Men ikke alt er bra med HTML5.

Virkeligheten til HTML5-apper

Her kan ting bli forvirrende. Når vi tenker på en webside, glemmer vi ofte at en webside bare sender koden sin til en nettlesermotor, og det er vår enhet som gjør jobben. Det betyr at ting som geolokalisering, lyd- og videoprat i sanntid, 3D-akselerert grafikk og mye mer ikke bare er mulige, men enkle for en utvikler å implementere ved hjelp av HTML5. Det er fordi et standardorgan har sagt: "Hei folkens, vi trenger alle å gjøre denne bestemte tingen på denne måten, og en utvikler kan be oss om å gjøre det slik."

Det er uansett målet. Virkeligheten kan være litt annerledes, og vi trenger bare å se på videoavspilling for et godt eksempel på hvorfor. Hver nettleser du vil bruke, støtter HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox og Safari er HTML5-nettlesere og støtter videoavspilling når en utvikler skriver inn bare noen få ord som peker på a video. Enhver type bærbar webvisningskomponent som disse appene har, vil gjøre det samme fordi de bruker samme gjengivelsesmotor.

Når du ikke håndhever regler, blir de forslag; de som ingen vil følge.

Men de støtter ikke alle samme type video fordi HTML5 er plattform, åpen og ikke proprietær, så ingen tvinger dem til å støtte alle formatene. Ogg Theora er et populært videoformat som alle nettlesere støtter bortsett fra Internet Explorer, som tilfeldigvis er standardleseren på mange datamaskiner. H.264 er enda mer populært, men det er ikke åpent eller gratis å bruke, slik at Firefox ikke støtter det. VP8 og WebM er gratis å bruke og åpne, og alle nettlesermotorer støtter dem, men Internet Explorer og Safari krever at brukeren henter og installerer støtte. Teknisk sett støtter HTML5 HD-videoavspilling og er veldig enkelt for en utvikler å implementere den. I den virkelige verden, bare Ikke sant type video støttes.

YouTube spiller all video med HTML5 fordi Google har pengene til å konvertere videoene du laster opp.

HTML5 avhenger også av maskinvaren som er i bruk, og hvor dyktig utvikleren er når det gjelder å skrive koden. Å velge feil JavaScript-bibliotek kan fremdeles gi det samme resultatet, men det kan også føre til minnelekkasjer og håndtering av DOM Manipulation (Document Object Model - created når en side eller app lastes inn, og inkluderer hvert element på siden eller i appen som et eget "dokument") kan dårlig gjøre en HTML5-app frustrerende sakte på selv de beste maskinvare. På telefoner som ikke er like i stand, fører det raskt til at brukere avinstallerer appen din.

Det er ikke det eneste problemet. Når du bygger en HTML5-app som henter alt fra internett, må du håndtere lastetider. Det legger til en brukers tilkoblingshastighet i listen over ting som kan gjøre at appen din kjører sakte, sammen med maskinvarens fysiske evner (mange telefoner bruker prosessorer som ikke er like raske) og kode optimalisering. Hvis det tar ett sekund å vise koden din på en brukerenhet og 10 sekunder å hente den fra internett, vil du ha mange ulykkelige brukere.

Facebook-appen er et eksempel på hva som er galt med HTML5, akkurat som Instagram er et eksempel på hva som er riktig.

Det er et utmerket eksempel på dette tilgjengelig, og det er nesten alle vi har vært misfornøyde med uansett hvilken type telefon vi bruker: Facebook-appen. Facebook-appen er i utgangspunktet en webvisning innebygd i en ramme som holder knappene og hjelper deg med å administrere kontoopplysningene dine eller skyve meldinger på en måte operativsystemet godkjenner. Alt som skjer i appen er gjort med HTML5, og det er bare for mye for det å håndtere når du tar med å hente alle dataene fra internett. Utviklere fortsetter å legge til mer og mer på Facebook, brukere legger ut store filer som er vert på steder utenfor Facebook, og det er millioner av mennesker som treffer Facebooks servere en gang, 24/7. Det gjør at appene er sakte å oppdatere, veldig strømkrevende og gjenstand for mange klager.

Facebooks mobilnettsted er også skrevet i HTML5, men det er designet for å være lite på ressurser fordi det er for mobil bruk. Det gjør det raskere å laste innholdet du vil se, selv om alt innholdet ikke vises like bra som det er i full visning. Det er også grunnen til at mobilnettstedet og Facebook "lite" appene som refererer til det fungerer så mye bedre enn Facebooks offisielle app. Og dette er ikke bare et Facebook-problem - det er mange apper som vil ha alle funksjonene støttet ved hjelp av HTML5, men som er like komplekst (et hyggelig ord for oppblåsthet fordi de har eksistert en stund og endrer seg kontinuerlig) som Facebook og ville oppføre seg på samme måte.

Så vil jeg se flere HTML5-apper eller ikke?

Ja! Men ikke alle apper.

HTML5 er veldig bra på mange ting, og er en fin måte for en utvikler å bruke tiden sin på å tenke på kreative ideer i stedet for å rote gjennom en Objective-C eller C ++ referansehåndbok. Men noen ganger er den stive strukturen til utviklingsspråk som tvinger en utvikler til å gjøre ting på en bestemt måte, det som får sluttresultatet til å fungere bedre på telefonene våre.

HTML5-apper kan være et mareritt som vi ser fra Facebook-appen, eller de kan være ganske fantastiske som vi ser fra det mobile Gmail-nettstedet. Eller Uber. Eller Instagram. Eller noen av hundrevis av HTML5-apper vi bruker hver dag. Det er ikke noe vi burde måtte bekymre seg for, men det er en ting for utviklere å diskutere uendelig. Og mens de nå diskuterer og prøver å overbevise deg om hva som er bedre, vet du litt om hvorfor de sier tingene de sier.

Vi kan tjene en provisjon for kjøp ved hjelp av linkene våre. Lære mer.

Dette er de beste trådløse øreproppene du kan kjøpe til enhver pris!
Det er på tide å kutte ledningen!

Dette er de beste trådløse øreproppene du kan kjøpe til enhver pris!

De beste trådløse ørepluggene er komfortable, høres bra ut, koster ikke for mye og passer lett i lommen.

Alt du trenger å vite om PS5: Utgivelsesdato, pris og mer
Neste generasjon

Alt du trenger å vite om PS5: Utgivelsesdato, pris og mer.

Sony har offisielt bekreftet at de jobber med PlayStation 5. Her er alt vi vet om det så langt.

Nokia lanserer to nye budsjett Android One-telefoner under $ 200
Nye Nokias

Nokia lanserer to nye budsjett Android One-telefoner under $ 200.

Nokia 2.4 og Nokia 3.4 er de siste tilskuddene til HMD Globals budsjett for smarttelefoner. Siden de begge er Android One-enheter, vil de garantert motta to store OS-oppdateringer og vanlige sikkerhetsoppdateringer i opptil tre år.

Krydre smarttelefonen eller nettbrettet med de beste ikonpakningene for Android
tema det selv

Krydre smarttelefonen eller nettbrettet med de beste ikonpakningene for Android.

Å være i stand til å tilpasse enheten din er fantastisk, da det hjelper å gjøre enheten din enda mer av "din egen". Med kraften fra Android kan du bruke tredjepartsstartere for å legge til egendefinerte ikontemaer, og dette er bare noen av våre favoritter.

instagram story viewer