Overzicht van aangepaste Android-tabbladen

Aangepaste tabbladen zijn een functie in Android-browsers waarmee app-ontwikkelaars een aangepaste browserervaring rechtstreeks aan hun app kunnen toevoegen.

Het laden van webinhoud is al sinds de begindagen van smartphones een onderdeel van mobiele apps, maar oudere opties kunnen voor ontwikkelaars uitdagingen opleveren. Het starten van de daadwerkelijke browser is een zware contextwisseling voor gebruikers die niet kan worden aangepast, terwijl WebViews niet alle functies van het webplatform ondersteunen , de status niet delen met de browser en onderhoudsoverhead toevoegen.

Aangepaste tabbladen bieden een betere gebruikerservaring dan het openen van een externe browser. Ze zorgen ervoor dat gebruikers tijdens het browsen in de app kunnen blijven, waardoor de betrokkenheid wordt vergroot en het risico wordt verkleind dat gebruikers de app verlaten. Ze bereiken dit doordat ze rechtstreeks worden aangedreven door de voorkeursbrowser van de gebruiker en automatisch de status en functies die daarin worden aangeboden, delen. U hoeft geen aangepaste code te schrijven om verzoeken, toestemmingsverleningen of cookie-opslag te beheren.

Wat kunnen aangepaste tabbladen doen?

Door een aangepast tabblad te gebruiken, wordt uw webinhoud geladen in elke weergave-engine die de voorkeursbrowser van uw gebruiker aanstuurt. Elke API- of webplatformfunctie is daar beschikbaar en zal beschikbaar zijn op uw aangepaste tabblad. Hun browsersessie, opgeslagen wachtwoorden, betaalmethoden en adressen worden allemaal weergegeven zoals ze al gewend zijn.

Wat kan ik aanpassen op een aangepast tabblad?

Best wel! Aangepaste tabbladen geven u fijnmazige controle over een groot deel van het browserchrome en de gebruikerservaring. Binnen uw app start u een aangepast tabblad met behulp van een Intent . Wanneer deze Intent wordt aangeroepen, kunt u een aantal attributen toevoegen aan de CustomTabIntent om precies de gewenste ervaring te krijgen. Hier vindt u enkele aanpassingen die u kunt toevoegen.

Aangepaste in- en uitstapanimaties die passen bij de rest van uw app

Een mobiele browser die tussen schermen schakelt en eindigt met een website die op een aangepast tabblad is geladen

De kleur van de werkbalk aanpassen aan de branding van uw app.

Een mobiele browser, die overgaat naar een aangepast tabblad met kleuren die overeenkomen met een website

Kleurconsistentie die bij uw app kan blijven, zelfs als er tussen lichte en donkere thema's wordt gewisseld.

En die kleurconsistentie kan bij uw app blijven, zelfs als deze schakelt tussen lichte en donkere thema's.

Aangepaste acties en vermeldingen in de werkbalk en menu's van de browser.

Een aangepast tabblad met het menu, met aangepaste items.

Beheer de starthoogte van het aangepaste tabblad, zodat u bijvoorbeeld uw video's kunt streamen terwijl u interactie heeft met uw webwinkel.

Een gedeeltelijke Custom Tab-opening met een vaste hoogte.

Gebruikers kunnen een aangepast tabblad minimaliseren om met de onderliggende app te communiceren en dit op elk gewenst moment herstellen zonder enige voortgang te verliezen om hun reis te hervatten. Dit geeft gebruikers een alternatief voor het sluiten van het aangepaste tabblad en ze kunnen naadloos multitasken tussen internet en de native app. De functie is standaard ingeschakeld voor aangepaste tabbladen vanaf Chrome 122 Bèta.

Minimaliseer een aangepast tabblad voor interactie met de achtergrondapp.

Dat is verre van alles. Aangepaste tabbladen zijn zeer krachtig en worden actief ontwikkeld. Elke browser moet ondersteuning voor deze functies toevoegen zodra deze beschikbaar komen. Hoewel ze bijna allemaal een bepaald niveau van ondersteuning bieden, is het belangrijk om te weten wat wel of niet beschikbaar is in de browsers van uw gebruiker. Raadpleeg de functievergelijkingstabel om snel de beschikbaarheid van de verschillende functies in populaire Android-browsers te controleren.

Je kunt dit nu testen met ons voorbeeld op GitHub.

Wanneer moet ik aangepaste tabbladen gebruiken?

Er bestaat niet één ‘juiste’ manier om webinhoud te laden. In bepaalde situaties zal WebView de juiste technologie zijn om te gebruiken. Als u bijvoorbeeld uitsluitend uw eigen inhoud host in uw app, of als u JavaScript rechtstreeks vanuit uw app moet injecteren. Als uw app mensen naar URL's buiten domeinen leidt, betekent de ingebouwde gedeelde status in Aangepaste tabbladen dat ze waarschijnlijk een betere keuze zijn. Andere sterke punten van aangepaste tabbladen zijn onder meer:

  1. Beveiliging: Aangepaste tabbladen maken gebruik van Safe Browsing van Google om de gebruiker en het apparaat te beschermen tegen gevaarlijke sites.
  2. Prestatie-optimalisatie:
    1. Voorverwarmen van de browser op de achtergrond, terwijl het stelen van bronnen uit de applicatie wordt vermeden.
    2. Versnel de laadtijd van de pagina door vooraf speculatief URL's te laden.
  3. Levenscyclusbeheer: Apps die een aangepast tabblad starten, worden niet door het systeem verwijderd tijdens het gebruik van de tabbladen - het belang ervan wordt naar het "voorgrondniveau" gebracht.
  4. Gedeelde cookie-pot en machtigingsmodel, zodat gebruikers zich niet hoeven aan te melden bij sites waarmee ze al verbonden zijn, of opnieuw machtigingen hoeven te verlenen die ze al hebben verleend.
  5. Browserfuncties zoals Data Saver worden gedeeld, indien ingeschakeld, waardoor inhoud sneller en goedkoper wordt geladen.
  6. Gesynchroniseerd AutoAanvullen op verschillende apparaten voor een betere formulierinvulling.
  7. Gebruikers kunnen terugkeren naar de app met een geïntegreerde terugknop.

Aangepaste tabbladen versus vertrouwde webactiviteit

Trusted Web Activity breidt het Custom Tabs-protocol uit en deelt de meeste voordelen ervan. Maar in plaats van een aangepaste gebruikersinterface te bieden, kunnen ontwikkelaars een browsertabblad openen zonder enige gebruikersinterface. Het wordt aanbevolen voor ontwikkelaars die hun eigen Progressive Web App op volledig scherm willen openen in hun eigen Android-app.

Waar zijn aangepaste tabbladen beschikbaar?

Aangepaste tabbladen is een functie die wordt ondersteund door browsers op het Android-platform. Het werd oorspronkelijk geïntroduceerd door Chrome , op versie 45. Het protocol wordt ondersteund door de meeste Android-browsers.

We zijn op zoek naar feedback, vragen en suggesties over dit project, dus we moedigen u aan om problemen op crbug.com te melden en vragen te stellen op Twitter @ChromiumDev .

Begin

Naast de GitHub-demo zijn er een aantal handleidingen om u op weg te helpen met aangepaste tabbladen.

Voor vragen kunt u de chrome-custom-tabs- tag op StackOverflow raadplegen.