Zo gebruik je Tabs Manager

Aan de slag

Installeren en openen

Tabs Manager is een extensie voor Google Chrome 116 of nieuwer (en browsers op basis van Chrome).

• Open de pagina van Tabs Manager in de Chrome Web Store en klik op Toevoegen aan Chrome.
• Zet de extensie vast: klik op het puzzelicoon in de werkbalk en daarna op de punaise naast Tabs Manager.
• Klik op het icoon van Tabs Manager: de extensie opent in het zijpaneel van Chrome, naast de pagina die je leest. Het blijft open terwijl je surft.
• De bovenbalk van het paneel geeft toegang tot alles: de link van de pagina kopiëren, Chrome-pagina's, ontwikkelaarstools, notities, speler en instellingen.

Geen account aanmaken en niets in te stellen: de extensie werkt zodra ze geïnstalleerd is.

Tabbladen

Tabbladen gesorteerd per site

Het blok Current tabs toont elk open tabblad, gegroepeerd per site, zodat tien tabbladen van dezelfde site één regel innemen tot je die openklapt.

• Elke site toont zijn icoon, zijn adres en het aantal tabbladen dat ervan open is.
• Klik op een site om de tabbladen uit te klappen, klik op een tabblad om ernaartoe te gaan.
• Sluit een tabblad vanuit het paneel, zonder het in de tabbladbalk te zoeken.
• Het zoekveld filtert het paneel terwijl je typt.
• Een tabblad dat van site verandert (een link in een nieuw tabblad) verhuist vanzelf naar zijn nieuwe groep.

Meerdere vensters

Met meer dan één Chrome-venster open krijgt elk venster een nummer en een kleur.

• Elk tabblad toont de kleur van zijn venster, met een gekleurde streep en een label.
• De legenda onder Current tabs toont de vensters: klik op een venster om het naar voren te halen.
• Klikken op een tabblad van een ander venster activeert het tabblad en haalt het venster naar voren.

De extensie ziet alleen de tabbladen van haar eigen Chrome-profiel: vensters van een ander profiel worden niet getoond.

Slepen en neerzetten

Herschik je tabbladen zonder de tabbladbalk aan te raken.

• Zet een tabblad neer op een ander tabblad om het ernaast te plaatsen, in hetzelfde venster of een ander.
• Zet een tabblad neer op een venster in de legenda om het naar het einde van dat venster te sturen.
• Zet een tabblad neer op New window (zichtbaar tijdens het slepen) om het in een eigen venster te openen.

Chrome staat niet toe dat je een tabblad verplaatst tussen een normaal venster en een incognitovenster.

Dubbele tabbladen

Dezelfde pagina drie keer geopend? Tabs Manager kan de kopieën voor je sluiten.

• Zet Allow tabs duplicates op No: overtollige tabbladen van dezelfde pagina worden gesloten, het actieve of meest recente blijft.
• Kies de regel die een duplicaat bepaalt: dezelfde site (host) of hetzelfde adres (zonder het #anker, het protocol en de slash aan het eind).
• Sta duplicaten per site toe, voor de sites waar je echt meerdere tabbladen nodig hebt.
• Vastgezette tabbladen en tabbladen die geluid afspelen, worden nooit als duplicaat gesloten.
• Snelle toegang en favorieten: als hun duplicaten niet zijn toegestaan, worden hun pagina's verborgen in Current tabs en brengt een klik op hun icoon het al geopende tabblad naar voren in plaats van een nieuw te openen.

Instelling: Settings › Tabs duplicates

Inactieve tabbladen sluiten

Tabbladen waar je al uren niet naar hebt gekeken, kunnen automatisch worden gesloten.

• Vul een aantal uren in bij Current tabs closing delay; 0 zet het uit.
• De termijn telt vanaf het laatste gebruik van het tabblad, niet vanaf het openen.

Een gesloten tabblad kan niet-opgeslagen inhoud verliezen (een formulier, een concept): kies een termijn die past bij hoe je werkt.

Instelling: Settings › General

Gesplitste weergave

Toon twee tabbladen naast elkaar met één klik, via de splitsknop van een tabblad.

• Het tabblad waarop je klikt, wordt gekoppeld aan het actieve tabblad van het venster.
• Vanaf Chrome 155 gebruikt Tabs Manager de native gesplitste weergave van Chrome.
• In oudere versies worden de twee tabbladen in twee vensters geplaatst, elk op een helft van het scherm.
• Klik opnieuw op de knop van een gesplitst tabblad om de splitsing te beëindigen.

Op elk tabblad

Tellers voor ongelezen

Veel sites zetten een teller in hun titel, zoals (3) Inbox. Tabs Manager maakt er een rode badge van.

• De badge verschijnt op het tabblad, op de groep van de site en op de bijbehorende snelle toegang en favorieten.
• Hij volgt de titel live: nieuwe berichten verschijnen zonder iets te herladen.

Laadtijden van pagina's

Twee kleine labels onder elk tabblad tonen hoe snel de pagina laadde, gemeten door de browser zelf.

• Het eerste is de reactietijd van de server (time to first byte).
• Het tweede is de tijd van de HTML tot de pagina klaar is.
• Handig om een trage site te herkennen, of om je eigen sites in de gaten te houden terwijl je ze ontwikkelt.

Instelling: Settings › Display › Show load times

Voorbeeld van de site

Wijs een tabblad even aan om een kaart te zien met de titel, beschrijving en deelafbeelding van de pagina.

• De informatie komt uit de openbare metadata van de pagina (titel, beschrijving, trefwoorden, afbeelding).
• Er wordt niets van het netwerk gehaald: de extensie leest wat de pagina al heeft geladen.

Instelling: Settings › Display › Show a site preview on hover

Mediabediening

Welk tabblad speelt die video af? Een badge op het icoon vertelt het je, en je kunt het vanuit het paneel bedienen.

• Op tabbladen die audio of video afspelen, verschijnt een afspeelbadge.
• De knoppen afspelen, pauzeren en dempen werken op de media van het tabblad zonder de pagina te verlaten waarop je bent.
• Decoratieve video's (stille loops, piepkleine spelers) worden genegeerd.

Organiseren

Snelle toegang en favorieten

Houd de sites die je elke dag gebruikt op één klik afstand.

• Quick access: een rij site-iconen bovenaan het paneel. Voeg de huidige pagina toe met één klik.
• Favorites: links gesorteerd in ruimtes (één per project, klant of onderwerp), elk met een eigen lijst met links.
• Snelle toegang en favorieten worden als Chrome-bladwijzers opgeslagen, in een eigen map: ze volgen je Chrome-profiel.
• Een notitieknop op elke favoriet opent de eigen notities ervan (zie Notities).

Notities en vastgezette notities

Schrijf dingen op zonder de pagina te verlaten waaraan je werkt.

• Open Notes via de bovenbalk: elke notitie heeft een titel en een optionele beschrijving.
• Filter notities, bewerk ze, kopieer één notitie of allemaal met één klik. Ctrl + Enter voegt een notitie toe.
• Elke favoriet heeft eigen notities, met een teller op de knop.
• Zet een notitie (of taak) vast met de punaise: ze verschijnt op de startpagina van het paneel, boven Quick access.
• Open in a tab toont je notities op een volledige pagina.

Plak je meerdere regels in een lege titel, dan worden ze gesplitst: de eerste regel wordt de titel, de rest de beschrijving.

Instelling: Settings › Display › Notes per favorite / Pinned notes

Takenlijst per site

Elke site krijgt een eigen takenlijst, vlak naast de tabbladen.

• Klik op de checklistknop van een tabblad om de takenlijst van die site te openen.
• Een badge N todo toont hoeveel taken nog open staan, op het tabblad en op de groep van de site.
• Filter op All, To do of Done en wis de afgeronde taken met één klik.
• Lijsten worden per site bewaard (adres en poort), zodat elk van je projecten een eigen lijst houdt.

Instelling: Settings › Display › Todo list per site

Geschiedenis en Chrome-snelkoppelingen

Vind een gesloten pagina terug of open de eigen pagina's van Chrome, vanuit het paneel.

• De geschiedenisknop toont je recente browsegeschiedenis.
• Het Chrome-menu opent instellingen, extensies, downloads, geschiedenis, bladwijzers, wachtwoorden en flags.
• De kopieerknop in de bovenbalk kopieert de link van de huidige pagina.

Instelling: Settings › Display › Chrome shortcuts

Speler

Luister muziek of bekijk een video terwijl je surft, zonder er een tabblad voor open te houden.

• Plak een link van YouTube, Dailymotion, Spotify of SoundCloud: de titel en miniatuur verschijnen en het speelt af in het paneel.
• Pop out speelt het af in een klein venster dat blijft spelen als het zijpaneel gesloten is.
• Een label now playing herinnert je eraan wat er speelt.
• Recently played bewaart je laatste 30 links.

Instelling: Settings › Display › Player

Ontwikkelaarstools

PHP-functies

Test PHP-functies zonder server: meer dan honderd geëmuleerde PHP 8-functies in het paneel.

• Strings, arrays, reguliere expressies (preg_match, preg_replace…), datums, JSON, codering.
• Bekijk het resultaat als var_dump, print_r, var_export of JSON.
• Je laatste code blijft bewaard als je het paneel sluit.

De functies worden in JavaScript geëmuleerd: de resultaten zijn indicatief en kunnen in randgevallen afwijken van een echte PHP-installatie.

Instelling: Settings › Developer tools

Iconenbrowser

Zoek en kopieer iconen uit vier sets.

• Font Awesome, Bootstrap Icons, Glyphicons en geanimeerde Noto-emoji.
• Klik op een icoon om de code te kopiëren, geef het een ster om het in je favorieten te bewaren.
• De versie van elke set en een link naar de officiële site worden getoond.

Instelling: Settings › Developer tools

CSS3-generators

Visuele generators die de CSS voor je schrijven.

• Verlopen (lineair, radiaal, conisch) met versleepbare kleurstops en voorinstellingen.
• Kleuren (HEX, RGB, HSL, OKLCH, met WCAG-contrast), paletten van 50 tot 950, easingcurves, eenheden en clamp().
• Flexbox- en grid-lay-outs, filters en clip-path-vormen.
• Kopieer de gegenereerde CSS met één klik.

Instelling: Settings › Developer tools

Componentengalerij

De componenten van daisyUI en Bootstrap 5, met een live demo van elk.

• 68 daisyUI-componenten en 32 Bootstrap-componenten, formulieren, tabellen en raster.
• Kopieer de HTML van een demo, of een van de klassen.
• Een link naar de officiële documentatiepagina van elk component.

Instelling: Settings › Developer tools

Instellingen

Thema's en instellingen

Tabs Manager past zich aan jou aan, niet andersom.

• Licht of donker thema.
• Elke functie kan aan of uit: laadtijden, voorbeeld, takenlijsten, notities, vastgezette notities, speler, Chrome-snelkoppelingen, ontwikkelaarstools… wat je uitzet, verdwijnt uit het paneel.
• Je gegevens blijven bewaard als je een functie verbergt: zet haar weer aan en alles is er nog.
• Groepeer de iconen van de bovenbalk in menu's, of toon ze allemaal.

Instelling: Settings (tandwielicoon in de bovenbalk)

Exporteren en importeren

Verhuis je configuratie naar een andere computer, of bewaar een veilige kopie.

• Export slaat alles op in één bestand: instellingen, snelle toegang, favorieten, notities, takenlijsten en spelergeschiedenis.
• Import toont eerst een overzicht en laat je daarna samenvoegen met je huidige gegevens of ze vervangen.
• Het bestand blijft op je computer: het wordt nergens naartoe geüpload.

Instelling: Settings › Backup

Privacy en toestemmingen

Alle gegevens van de extensie blijven in je browser. De gebruiksvoorwaarden noemen elke toestemming die Chrome vraagt, en waarom.