Artykuł

Co to jest aplikacja HTML5 i czy chcę ją mieć?

protection click fraud

Słyszałeś? Prawdopodobnie aplikacje HTML5 zmienią wszystko Kolejny rok. Przynajmniej tak mówi od jakiegoś czasu jedna strona debaty na temat HTML5 i aplikacji natywnych. To wiadomość, która od czasu do czasu pojawia się w centrum uwagi i tak będzie na zawsze. A przynajmniej do czasu, gdy to się faktycznie stanie, a wszystkie najlepsze aplikacje to aplikacje HTML5. Nie jest niczym niezwykłym, gdy programiści toczą tego rodzaju debaty i zwolennicy każdej strony wyjaśniają, jaka jest ich wersja lepsza wersja, ale kiedy sprawy wykraczają poza dyskusję programistów i trafiają do głównego nurtu, gdzie ty i ja je słyszymy, mogą nas zmusić zdrętwiały. Czy naprawdę powinno nas obchodzić to, co słyszymy?

W tym przypadku tak. Chociaż utopia, w której każda aplikacja jest napisana w HTML5 i każdy użytkownik ma takie same wrażenia, jest nadal dobra Jeśli to się kiedykolwiek zdarza, HTML5 w formie hybrydowej to już całkiem spora sprawa. Powinniśmy wiedzieć i rozumieć wszystko, co jest naprawdę duże.

Verizon oferuje Pixel 4a za jedyne 10 USD miesięcznie na nowych liniach Unlimited

Co to jest aplikacja HTML5?

Większość ludzi po raz pierwszy usłyszała, że ​​wspomniano o HTML5, kiedy Steve Jobs opowiedział nam wszystko byłaby to przyszłość sieci, a Flash nie. Jego oświadczenie zostało częściowo potwierdzone, ponieważ Apple zablokowało dostęp do dowolnego odtwarzacza Flash na iOS, ale tak nie trzeba było żadnego wizjonera, aby wiedzieć, że to nadchodzi, ponieważ HTML5 ma o wiele więcej do zaoferowania niż Flash kiedykolwiek zrobił. Tak się składa, że ​​przyszłość sieci to także niezły sposób na kodowanie aplikacji.

HTML oznacza HyperText Markup Language i jesteśmy przy piątej wersji standardu. Ale kiedy słyszysz termin aplikacja HTML5, niezależnie od tego, czy oznacza to aplikację internetową, czy aplikację, którą możesz zainstalować na swoim telefonie, tak naprawdę masz do czynienia z trzema typami kodu.

  • HTML zapewnia strukturę, w której programiści mogą umieścić swój kod, a aplikacja może przekształcić go w coś, co możemy zobaczyć i z czym możemy wchodzić w interakcje.
  • CSS umożliwia określenie, jak poszczególne fragmenty kodu będą wyglądać po wyrenderowaniu i wyświetleniu na ekranie.
  • To właśnie JavaScript sprawia, że ​​wszystko jest interaktywne i można „zrobić” wszystko.

To, co sprawia, że ​​HTML5 jest wspaniały, to fakt, że wszystko jest zrozumiałe dla jednej aplikacji, którą programista aplikacji nie wymaga konserwacji i wszystko działa na każdym urządzeniu z ekranem, który ma własną wersję tego aplikacja. Mówimy o przeglądarce internetowej, ale nie o samej aplikacji przeglądarki internetowej. Komponent przeglądarki internetowej, który może pobrać cały ten kod i renderować go w coś, czego możemy używać w locie, jest dość przenośny i stanowi część wielu aplikacji, których już używasz jako widoku internetowego.

Inżynier Mozilli powiedział kiedyś: „Kod raz uruchomiony gdziekolwiek nie oznacza ucieczki. Optymalizacja to podstawa. ”Mądrzy ludzie, ci inżynierowie Mozilli.

Oznacza to, że programista może napisać swój kod i dostroić go, a następnie wdrożyć wszędzie. To znacznie różni się od pisania oddzielnego kodu na Androida, iOS, macOS, Windows i HTML dla webOS i BlackBerry 10. Deweloper może pisać kod w dowolnym wybranym przez siebie środowisku programistycznym, niezależnie od tego, czy jest to Notatnik, czy coś złożonego jak Visual Studio lub Adobe Dreamweaver, debuguj i dostrajaj go w dowolnej przeglądarce, a nadal działa wszędzie.

Dotyczy to również Twojego telefonu. Wszyscy widzieliśmy aplikacje HTML5 używane jako strony internetowe. Miejsca takie jak Twitter czy mobilna wersja Gmaila to doskonałe przykłady zastosowania HTML5 w pracy. Ale ponieważ HTML5 może być renderowany przez komponent widoku internetowego, upuszczenie okna w podstawowej ramce aplikacji w celu utworzenia aplikacji, którą faktycznie zainstalujesz na telefonie, jest proste i szybkie. Istnieją nawet narzędzia innych firm, które wykonują całą pracę za Ciebie, na przykład Apache Cordova. Pomaga to nowym programistom w przekazywaniu swoich pomysłów wszystkim, a także doświadczonym programistom, którzy mają teraz czas na wymyślanie rzeczy, których wcześniej nie widzieliśmy. HTML5 osadzony w aplikacji natywnej może uruchamiać kod i wykorzystywać zasoby pobierane z internetu, ale plik programista może również zainstalować je lokalnie i wskazać tam kod, aby uczciwie udostępnić go w trybie offline aplikacje natywne.

Ale nie wszystko w HTML5 jest świetne.

Rzeczywistość aplikacji HTML5

Oto, gdzie rzeczy mogą się zagmatwać. Kiedy myślimy o stronie internetowej, często zapominamy, że strona internetowa wysyła swój kod tylko do silnika przeglądarki i to nasze urządzenie wykonuje pracę. Oznacza to, że takie rzeczy jak geolokalizacja, czat audio i wideo w czasie rzeczywistym, przyspieszona grafika 3D i wiele innych są nie tylko możliwe, ale także łatwe do wdrożenia przez programistę za pomocą HTML5. Dzieje się tak, ponieważ organ normalizacyjny powiedział: „Hej, wszyscy musimy zrobić to w określony sposób, a programista może nas o to poprosić”.

W każdym razie taki jest cel. Rzeczywistość może być nieco inna i wystarczy spojrzeć na odtwarzanie wideo, aby zobaczyć, dlaczego. Każda przeglądarka, której chcesz użyć, obsługuje HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox i Safari to przeglądarki HTML5, które obsługują odtwarzanie wideo, gdy programista wpisze kilka słów wskazujących na plik wideo. Każdy typ przenośnego komponentu widoku internetowego, który mają te aplikacje, będzie robił to samo, ponieważ używają tego samego silnika renderowania.

Kiedy nie egzekwujesz reguł, stają się sugestiami; takie, za którymi nikt nie chce podążać.

Ale nie wszystkie obsługują ten sam typ wideo, ponieważ HTML5 jest wieloplatformowy, otwarty i nie jest prawnie zastrzeżony, więc nikt nie zmusza ich do obsługi wszystkich formatów. Ogg Theora to popularny format wideo obsługiwany przez każdą przeglądarkę z wyjątkiem Internet Explorera, który jest domyślną przeglądarką na wielu komputerach. H.264 jest jeszcze bardziej popularny, ale nie jest otwarty ani darmowy, więc Firefox go nie obsługuje. VP8 i WebM są darmowe i otwarte, a każdy silnik przeglądarki je obsługuje, ale Internet Explorer i Safari wymagają od użytkownika pobrania i zainstalowania wsparcia. Z technicznego punktu widzenia HTML5 obsługuje odtwarzanie wideo HD i jest bardzo łatwy do wdrożenia przez programistę. W prawdziwym świecie tylko dobrze obsługiwany typ wideo.

YouTube odtwarza wszystkie filmy w formacie HTML5, ponieważ Google ma pieniądze na konwersję przesłanych filmów.

HTML5 zależy również od używanego sprzętu i biegłości programisty w pisaniu kodu. Wybór niewłaściwej biblioteki JavaScript może nadal dawać ten sam wynik, ale może również prowadzić do wycieków pamięci i obsługi manipulacji DOM (Document Object Model - gdy strona lub aplikacja ładuje się i umieszcza każdy element na stronie lub w aplikacji jako osobny „dokument”), może sprawić, że aplikacja HTML5 będzie frustrująco wolna nawet w najlepszych sprzęt komputerowy. Na telefonach, które nie są tak wydajne, szybko prowadzi to do odinstalowania aplikacji.

To nie jedyny problem. Kiedy tworzysz aplikację HTML5, która pobiera wszystko z internetu, musisz poradzić sobie z czasem ładowania. To dodaje szybkość połączenia użytkownika do listy rzeczy, które mogą spowodować powolne działanie aplikacji, wraz z rozszerzeniem fizyczne możliwości sprzętu (wiele telefonów używa procesorów, które nie są do końca szybkie) i kodu optymalizacja. Jeśli wyświetlenie kodu na urządzeniu użytkownika zajmie jedną sekundę, a pobranie go z Internetu zajmie 10 sekund, będziesz mieć wielu niezadowolonych użytkowników.

Aplikacja Facebook jest przykładem tego, co jest nie tak z HTML5, tak jak Instagram jest przykładem tego, co jest dobre.

Jest na to doskonały przykład, a prawie każdy z nas był niezadowolony bez względu na rodzaj używanego telefonu: aplikacja Facebook. Aplikacja Facebook to w zasadzie widok sieciowy osadzony w ramce, która zawiera przyciski i pomaga zarządzać danymi logowania do konta lub wiadomościami push w sposób zatwierdzony przez system operacyjny. Wszystko, co dzieje się w aplikacji, odbywa się za pomocą HTML5 i jest to po prostu zbyt trudne, aby sobie z nią poradzić, gdy weźmiesz pod uwagę wszystkie dane z Internetu. Programiści dodają coraz więcej do Facebooka, użytkownicy publikują duże pliki hostowane w różnych miejscach poza Facebookiem, a na serwery Facebooka trafiają miliony ludzi raz, 24/7. To sprawia, że ​​aplikacje powoli się odświeżają, są bardzo energochłonne i są przedmiotem wielu skarg.

Witryna mobilna Facebooka jest również napisana w HTML5, ale została zaprojektowana tak, aby lite w zasobach, ponieważ jest przeznaczona dla mobilny posługiwać się. Dzięki temu ładowanie treści, które chcesz zobaczyć, jest szybsze, nawet jeśli cała ta zawartość nie jest tak ładna, jak w pełnym widoku. Dlatego też witryna mobilna i aplikacje „lite” Facebooka, które się do niej odnoszą, działają o wiele lepiej niż oficjalna aplikacja Facebooka. I to nie jest tylko problem z Facebookiem - istnieje wiele aplikacji, które miałyby wszystkie swoje funkcje obsługiwane za pomocą HTML5, ale są takie same złożone (ładne słowo na nadęty, ponieważ istnieją już od jakiegoś czasu i ciągle się zmieniają) jak Facebook i zachowywałyby się w ten sam sposób.

Czy chcę widzieć więcej aplikacji HTML5, czy nie?

Tak! Ale nie wszystko aplikacje.

HTML5 jest naprawdę dobry w wielu rzeczach i jest dla programisty świetnym sposobem na wykorzystanie swojego czasu na wymyślenie kreatywnych pomysłów, zamiast zaglądać do podręcznika Objective-C lub C ++. Ale czasami sztywna struktura języków programowania, która zmusza programistę do robienia rzeczy w określony sposób, sprawia, że ​​efekt końcowy działa lepiej na naszych telefonach.

Aplikacje HTML5 mogą być koszmarem, jak widzimy w aplikacji Facebook, lub mogą być całkiem niesamowite, jak widzimy w mobilnej witrynie Gmail. Albo Uber. Albo Instagram. Lub dowolna z setek aplikacji HTML5, których używamy każdego dnia. To nie jest rzecz my Powinien się martwić, ale deweloperzy muszą się tym bez końca debatować. A teraz, kiedy debatują i próbują cię przekonać, co jest lepsze, wiesz trochę o tym, dlaczego mówią to, co mówią.

Możemy otrzymać prowizję za zakupy za pomocą naszych linków. Ucz się więcej.

To najlepsze bezprzewodowe słuchawki douszne, które możesz kupić za każdą cenę!
Czas przeciąć przewód!

To najlepsze bezprzewodowe słuchawki douszne, które możesz kupić za każdą cenę!

Najlepsze bezprzewodowe słuchawki douszne są wygodne, świetnie brzmią, nie kosztują zbyt wiele i łatwo mieszczą się w kieszeni.

Wszystko, co musisz wiedzieć o PS5: data premiery, cena i nie tylko
Następne pokolenie

Wszystko, co musisz wiedzieć o PS5: data premiery, cena i nie tylko.

Sony oficjalnie potwierdziło, że pracuje nad PlayStation 5. Oto wszystko, co o nim wiemy.

Nokia wprowadza na rynek dwa nowe budżetowe telefony z Androidem One poniżej 200 USD
Nowe Nokie

Nokia wprowadza na rynek dwa nowe budżetowe telefony z Androidem One poniżej 200 USD.

Nokia 2.4 i Nokia 3.4 to najnowsze dodatki do budżetowej linii smartfonów HMD Global. Ponieważ oba są urządzeniami z Androidem One, mają gwarancję otrzymania dwóch głównych aktualizacji systemu operacyjnego i regularnych aktualizacji zabezpieczeń przez okres do trzech lat.

Wzbogać swój smartfon lub tablet najlepszymi pakietami ikon dla Androida
zrób to sam

Wzbogać swój smartfon lub tablet najlepszymi pakietami ikon dla Androida.

Możliwość dostosowania urządzenia jest fantastyczna, ponieważ pomaga uczynić je jeszcze bardziej „Twoim”. Dzięki mocy Androida możesz używać programów uruchamiających innych firm, aby dodawać niestandardowe motywy ikon, a to tylko niektóre z naszych ulubionych.

instagram story viewer