Gemak is iets waar we nooit helemaal tevreden mee kunnen zijn. Dit is de reden waarom software ontwikkelaars altijd hun grenzen moeten verleggen om een betere gebruikerservaring te creëren, zonder afbreuk te doen aan de functionaliteit. Dit alles om de omzet te drukken in de concurrerende markt van vandaag. Mensen willen gemak en dit is waarom hybride toepassingen zijn verwelkomd.

Wat is er zo uniek aan hybride toepassingen? WebViews!

Hybride toepassingen

Zoals de naam al zegt, zijn ze een mengsel van Native en Web toepassingen. Ze zijn beschikbaar in applicatiewinkels om te downloaden en vereisen toegangsverificatie vanaf het apparaat zoals native apps, maar ze hebben ook een browser ingebed in de applicatie (WebView) voor het renderen van HTML. Instagram is een goed voorbeeld van een hybride applicatie.

Herken je de tijd nog dat we, om toegang te krijgen tot een link van een derde partij, deze in een nieuwe browser op het apparaat moesten openen, waardoor we uit de applicatie stapten die we wilden gebruiken? Dit was een ramp voor UX, die werd opgelost door het creëren van een in-app browser venster voor het faciliteren van webpagina’s van derden als onderdeel van de activiteit lay-out. Kudos to WebViews!

Waarom heb je WebViews nodig?

• Ze bieden betere controle over de UI van je applicatie.
• Je hoeft niet de hele applicatie bij te werken als je alleen de inhoud van de app wilt bijwerken, als je bijvoorbeeld een aanstaande uitverkoop op je applicatie of een andere spannende aanbieding wilt bekendmaken.
• U wordt niet naar een andere applicatie van een derde partij geduwd, maar u wordt doorgestuurd naar een in-app browser die de inhoud voor u van het web haalt. Dit biedt het gemak van het blijven in de beoogde toepassing. Neem bijvoorbeeld Instagram, waar je naar boven moet vegen in sommige verhalen en je wordt omgeleid naar een webpagina via een in-app browser, in plaats van de inhoud te openen in Chrome, Safari, Firefox, of een andere browser. U kunt vrij navigeren door de inhoud op de omgeleide webpagina door omhoog/omlaag te scrollen, in/uit te zoomen, of te zoeken naar een tekst.
• WebViews maken cross-platform ontwikkeling mogelijk, wat resulteert in lagere ontwikkelingskosten en flexibiliteit voor de ontwikkelaar. Opmerking: We kunnen echter niet een enkele build van een applicatie op meerdere OS’en laten werken. We kunnen alleen de ontwikkeling van een andere build vergemakkelijken met behulp van web-extensies door middel van HTML, CSS, JavaScript, enz.
• Bedrijven streven er vaak naar om een wrapper applicatie van een bestaande web app te bouwen. Door dit te doen, bedrijven streven naar een aanwezigheid in de applicatie winkels te creëren met relatief minder inspanning. Ook frameworks zoals Ionic kunt u een applicatie toe te voegen aan de app store en uit te rollen naar het mobiele web als een PWA.

Voor het genereren van een WebView, een ontwikkelaar nodig heeft om:

• Ontwikkel een instantie van een webview klasse.
• Embed een browser in uw toepassing.
• Voeg browser functionaliteiten toe met behulp van een WebView bibliotheek.
• Voeg internet toestemming toe in het Android Manifest bestand.
• Voeg de code toe voor WebView om een in-app browser te openen.

WebView Testen – Verwijst naar het creëren en uitvoeren van test cases voor het controleren van de effectieve werkingsmechanismen van WebViews.

Noteer het volgende tijdens het testen van WebViews:

• Controleer of de applicatie reageert volgens het bedoelde gedrag door het laden van de webpagina te onderbreken.
• Als uw inhoud hyperlinked e-mailadressen in de WebView omvat, controleer dan of die hyperlinks de e-mailtoepassing in uw apparaat openen wanneer aangetikt.
• Test voor een hyperlinked telefoonnummer op een soortgelijke manier – leidt het de gebruiker om de app te bellen of niet? Ook, hoe reageert die hyperlink als een SIM-kaart niet is geplaatst in het apparaat?
• Test de reactie van WebView in verschillende netwerk modes – 2G, 3G, WiFi, LTE.
• Speciale tekens moeten ook worden getest. Samen met inzoomen / uitzoomen, navigeren door de web content door omhoog / omlaag te scrollen of navigeren door het scherm door naar links / rechts te scrollen.
• Test de tolerantie van WebView tegen externe factoren zoals SMS, signaal daling, meldingen, oproep, enz.
• Test het gedrag van uw applicatie wanneer een externe applicatie wordt gestart via een hyperlink vanuit uw web content.
• Varieer de oriëntatie van uw apparaat en test of uw web content in staat is om hen te ondersteunen.
• Test of de grafische weergave bevredigend is.
• Compresseer het browservenster en kijk of de tekst op de juiste wijze wordt gecomprimeerd.
• Een cross-browser platform zal zeer nuttig zijn bij het testen van de hierboven genoemde tips om te testen. Het zal ook een idee geven over hoe uw WebView wordt afgebeeld aan het doelpubliek.

Hoe WebView testen uit te voeren

Espresso Web voor Android WebView – Deze tool helpt bij het onderzoeken en controleren van het gedrag van WebView UI componenten door Atomen van de WebDriver API te hergebruiken. Het is een van de meest gebruikte tools voor het testen van hybride applicaties. Het is nodig om de integratie van de native UI-componenten van een applicatie en de WebView UI-componenten te controleren.

Voordat u Espresso Web gebruikt, moet u de broncode van uw website grondig analyseren om de haken voor de methoden te bepalen. Daarom kan het zeer complex worden voor grote websites.

Alternatieve aanpak

Een andere aanpak zou inhouden dat u de code van derden vergeet en zich alleen richt op de Android-gebaseerde code. In principe brengt een WebView elementen van een website in kaart; zodat de gebruiker ermee kan interageren via de Android View-objecten en hun extensies. Deze views hebben geen ID waardoor ze niet toegankelijk zijn met findViewById(int id), noch kun je toegang krijgen tot deze ID’s in je applicatie pakket.

Dat betekent niet dat je ze niet kunt volgen. U kunt met de hulp van Android Device Monitor, een standalone tool voor het verstrekken van een UI om meerdere tools voor Android applicatie analyse en debugging te helpen.

• U moet een momentopname van elk scherm op de emulator met de Android Device Monitor.
• Krijg een idee van hoe de WebViews zijn intern gestructureerd.
• Voer acties op hen met de hulp van UiAutomator.