Voor een ontwikkelaar kan het hectisch zijn om voor elke taak talloze speciale tools te gebruiken. Invoegtoepassingen voor webbrowsers kunnen u echter productiever maken door toegang te bieden tot verschillende functies vanaf één browserplatform.
Alle topbrowsers worden geleverd met extensies voor professionals. En als u Microsoft Edge gebruikt, kunnen uw ontwikkelingstaken eenvoudiger worden met sommige browser-add-ons. Hier bespreken we de beste Microsoft Edge-add-ons die webontwikkelaars zouden moeten gebruiken.
React Developer Tools is een DevTools-add-on voor de webbrowser. Het voegt twee nieuwe tabbladen toe met de naam Components en Profiler in uw Edge DevTools. De open-source add-on heeft uw toestemming nodig om toegang te krijgen tot de React tree van een pagina.
Het tabblad Componenten toont de hoofdcomponenten van React van de pagina, samen met de subcomponenten. Selecteer een onderdeel uit de boom om de huidige rekwisieten, de staat en haken in het rechterpaneel te inspecteren en te bewerken.
Je kunt deze add-on ook gebruiken om erachter te komen of een applicatie React.js bevat of niet. Met het tabblad Profiler kunnen ontwikkelaars prestatiegegevens vastleggen.
Als je GitHub-code wilt analyseren, kan de Octotree-add-on de ervaring van het beoordelen en verkennen van GitHub-code verbeteren. Het toont u een IDE-achtige codeboom en laat u zoekopdrachten naar bestanden en mappen uitvoeren.
Deze krachtige add-on kan werken met opslagplaatsen van elke grootte. Bovendien ondersteunt het privérepository's en kun je pull-verzoeken, repo's, bestanden en problemen bookmarken.
U kunt zich ook abonneren op de PRO-versie van deze add-on om enkele extra functies te krijgen. Deze omvatten ondersteuning voor meerdere GitHub-accounts en GitHub Enterprise, meerdere tabbladen, codelettertype-instellingen, pull-request-codebeoordeling, bestandspictogramthema's en het wijzigen van de dockingpositie.
Accessibility Insights for Web is een Microsoft Edge-browseradd-on waarmee u toegankelijkheidsproblemen in verschillende webtoepassingen en websites kunt lokaliseren en oplossen. Hiermee kunt u controleren op naleving van zo'n 50 toegankelijkheidsbepalingen.
Dankzij de duidelijke instructies en een visuele hulp kunt u snel belangrijke problemen met toetsenbordtoegang identificeren, waaronder toetsenbordvallen, ontbrekende tabstops en onjuiste tabvolgorde.
Het helpt je ook om een proces in twee stappen uit te voeren om veelvoorkomende maar ingrijpende toegankelijkheidsproblemen binnen een paar minuten te lokaliseren. U hebt echter Microsoft Edge Insider v.75 of hoger nodig om deze add-on te gebruiken.
Het analyseren van de HTML-code van een pagina is een veel voorkomende taak van een ontwikkelaar. Met behulp van de Design Analysis-add-on kunt u een HTML-pagina analyseren door verschillende onderdelen van die pagina in en uit te schakelen.
Verwant: Coole HTML-effecten die iedereen aan zijn website kan toevoegen
Hiermee kunt u interne en externe (inclusief print en handheld) CSS uitschakelen, afbeeldingen en achtergrond verbergen afbeeldingen, alt-attributen van afbeeldingen, overzichtskoppen, frames, externe links, tabellen, zwevende elementen en spoedig.
Trouwens, deze add-on wordt geleverd met diverse tools die je helpen verborgen elementen weer te geven, opnieuw te laden afbeeldingen en externe CSS, broncode bekijken, pagina's lineariseren en alle links markeren als bezocht of niet bezocht.
Deze add-on bewaart of deelt geen persoonlijk identificeerbare gegevens. Alle informatie die nodig is voor het functioneren blijft op uw apparaat.
Met de add-on Opslaan als MHTML kunnen ontwikkelaars de huidige webpagina opslaan in de MHTML (MIME HTML)/MHT-indeling. De add-on wordt geleverd met een werkbalkknop voor moeiteloos gebruik. Het slaat alle online links op in een offline formaat.
MHTML is een archiefbestandsindeling die de inhoud van de webpagina opslaat voor offline weergave. Het bestandstype neemt tijdens het proces alle bronnen zoals afbeeldingen, applets en Flash-animaties op in HTML-documenten.
De add-on heeft twee verschillende tools die u kunt gebruiken om de webpagina-inhoud van de pagina te bewerken voordat u deze in het MHTML-bestand opslaat.
U kunt de ontwerpmodus kiezen voor taken zoals het wijzigen van de tekstindeling in vet en cursief, het toevoegen van een afbeelding of het verwijderen van inhoud. Of u kunt een gedeelte van de pagina selecteren en deze add-on vragen om er een nieuw document van te maken.
Ontwikkelaars hebben een onmisbare relatie met cookies. Cookie-Editor is een krachtige add-on waarmee u de standaard cookiebewerkingen kunt uitvoeren tijdens de ontwikkelings- en testfase van webpagina's.
Deze add-on wordt geleverd met een gebruiksvriendelijke interface waarmee u de cookies handmatig kunt beheren. Met zijn hulp kunt u snel cookies maken, bewerken en verwijderen terwijl u op het tabblad blijft.
Met één klik verwijdert Cookie-Editor alle cookies van de huidige pagina. Het kan ook cookies in tekstformaat importeren/exporteren.
Node.js V8 is een add-on die u kunt gebruiken met Edge DevTools om uw Node.js-ontwikkelingscyclus te stroomlijnen. Het kan de levenscyclus van het venster/tabblad van Edge DevTools beheren, zodat u meer tijd krijgt om u te concentreren op het opsporen van fouten in uw code.
Verwant: Wat is debuggen van rubberen eend?
Met de Node.js V8-add-on kunt u lokale en externe foutopsporingssessies volgen terwijl u de DevTools-interface bestuurt, zowel handmatig als automatisch. U kunt het ook gebruiken om VSCode-knooppuntprocessen te debuggen en de duur tussen de tests van de v8 Inspector aan te passen.
Met zijn hulp kunt u Edge DevTools automatisch openen en sluiten in een tabblad of venster en DevTools bij het opstarten actief of inactief maken. De inspectiefunctie bespaart u het kopiëren en plakken van DevTools-URL door automatisch de gegenereerde URL te detecteren wanneer het knooppunt wordt uitgevoerd.
BugReplay is in de eerste plaats een add-on die wordt gebruikt voor screencast en netwerkfoutopsporing. Het helpt u uw scherm synchroon op te nemen met JavaScript-consoleberichten en netwerkverkeer. Dankzij deze add-on hoef je alleen maar de stappen te volgen om bugs in realtime vast te leggen.
Een ontwikkelaar hoeft niet heen en weer te communiceren met de eindgebruikers of de ondersteuningsmanagers. Ze kunnen naadloos uit de geregistreerde informatie achterhalen waar en wanneer de bug is opgetreden en het probleem in een mum van tijd oplossen.
Het opnemen van de bug wordt eenvoudig met de BugReplay-add-on. U kunt de bug ook bekijken voordat u deze met uw collega's deelt. De add-on biedt ook een optie om deze openbaar te maken.
Kies uw favoriete Edge-add-ons voor ontwikkeling
Door deze lijst met Microsoft Edge-add-ons te doorlopen, kunt u degene kiezen die u helpen bij het ontwikkelen van web- en app-ontwikkeling. Vergeet niet dat Microsoft Edge ook andere add-ons heeft voor gewone gebruikers. U kunt doorbladeren en mainstream-extensies vinden voor andere taken, zoals wachtwoordbeheer.
Het kan lastig zijn om al uw verschillende wachtwoorden te onthouden, dus hier zijn de negen beste Microsoft Edge-add-ons voor moeiteloos wachtwoordbeheer.
Lees volgende
- Programmeren
- Microsoft Edge
- Browser-extensies
- Webontwikkeling
Tamal is een freelance schrijver bij MakeUseOf. Na het opdoen van substantiële ervaring in technologie, financiën en business processen in zijn vorige baan bij een IT-adviesbureau, nam hij 3 jaar geleden het schrijven als een voltijds beroep over. Hoewel hij niet schrijft over productiviteit en het laatste technische nieuws, speelt hij graag Splinter Cell en bingewatcht hij Netflix/ Prime Video.
Abonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren