De 15 beste Chrome-extensies voor programmeurs en ontwikkelaars

Als u een programmeur bent die geen Chrome gebruikt, bent u in de minderheid.

Er zijn zoveel redenen om deze browser te verkiezen voor programmeren, zoals de enorme invloed van Google op de richting van het web, de ingebouwde functies die ontwikkeling minder frustrerend maken en het enorme aantal beschikbare extensies..

Dat laatste punt is cruciaal. Vanaf februari 2018 heeft Chrome meer dan 60 procent marktaandeel op desktops - het is geen wonder dat de meeste makers van extensies hun inspanningen eerst op Chrome richten. Dat gezegd hebbende, hier zijn de beste Chrome-extensies die u zou moeten gebruiken als u een ontwikkelaar van welke aard dan ook bent, maar vooral een webontwikkelaar. Programmering versus webontwikkeling: wat is het verschil? Programmeren versus Webontwikkeling: wat is het verschil? Je zou kunnen denken dat applicatieprogrammeurs en webontwikkelaars hetzelfde doen, maar dat is verre van waar. Hier zijn de belangrijkste verschillen tussen programmeurs en webontwikkelaars. Lees verder .

Algemene ontwikkelingsextensies

1. Sessie Buddy

Chrome heeft een geweldige functie, aangepaste gebruikersprofielen waarmee u afzonderlijke sets bladwijzers, instellingen, tabbladen, geschiedenissen enz. Kunt maken. U moet dit zeker specifiek voor programmering instellen, als u dat nog niet hebt gedaan.

Maar Session Buddy gaat nog een stap verder, waardoor u specifiek kunt opslaan “tabsessies” en schakel naar wens tussen hen in, wat handig is als je aan meerdere projecten werkt.

Download: Sessie Buddy

2. iMacros voor Chrome

iMacros is een uitbreiding waarmee u repetitieve taken kunt automatiseren. Jij kan “record” bepaalde acties (bijvoorbeeld muisklikken en toetsaanslagen), sla ze op als macro's en voer ze vervolgens uit wanneer je maar wilt met een enkele klik. Het bespaart zo veel tijd bij het invullen van formulieren, het testen van wijzigingen, enzovoort. Voor macro's buiten Chrome adviseren we AutoHotkey-scripts.

Download: iMacros voor Chrome

3. Web Timer

Web Timer houdt bij hoeveel tijd u uitgeeft (of verspilt) op verschillende websites, wat ertoe kan bijdragen dat tendensen worden vertraagd. Er wordt alleen bijgehouden wanneer Chrome in focus is en het is slim genoeg om te stoppen met traceren wanneer u niet-actief bent.

Download: Web Timer

Als u een meer geavanceerde tijdtracker wilt, raden we ten zeerste de cross-platform Toggl aan De beste tijdregistratie-app voor Android, iOS en Desktop De beste tijdregistratie-app voor Android, iOS en Desktop We laten u zien hoe tijdregistratie u van pas kan komen of uw team, waar u op moet letten in tijdregistratiesoftware en de beste platformonafhankelijke toepassing die we konden vinden voor de klus. Lees verder .

4. Geweldige schermafbeelding

Awesome Screenshot is een alles-in-één-extensie voor het nemen van schermafbeeldingen, het opnemen van schermvideo's, annotaties en onscherpe foto's en één muisklik om je schermafbeeldingen met anderen te delen. Een handige functie is de mogelijkheid om een ​​screenshot te maken een hele webpagina en naai alles samen als één gigantisch beeld. Voor een oplossing die ook buiten Chrome werkt, bekijkt u deze beste hulpmiddelen voor het maken van schermafbeeldingen.

Download: Awesome Screenshot

5. Marmoset

Marmoset is een leuke kleine tool voor het maken van 3D-screenshots van je code. Zodra u een afbeelding hebt opgenomen, kunt u draaien en schuintrekken en schalen in 3D, waardoor het interessanter wordt wanneer u fragmenten wilt delen. Het is ook handig bij het maken van op code gebaseerde stockfoto's of peeks bij uw broncode op de startpagina van uw project.

Download: soort Zuidafrikaanse aap

Web Development Extensions

6. Webontwikkelaar

Als er één extensie is die u installeert om te helpen bij webontwikkeling, laat deze dan deze zijn. Webontwikkelaar zit boordevol handige functies, waaronder één klik klikken tussen JavaScript en invoegtoepassingen, venstergroottes wijzigen om responsieve ontwerpen te testen, testen en debuggen van afbeeldingen, en meer.

Download: Webontwikkelaar

7. User-Agent Switcher

Van de velen “user agent switcher” extensies in de Chrome Web Store, deze is de beste. Het wordt nog steeds bijgewerkt, koppelt koppelingen niet, het wordt geleverd met een aantal standaard user-agentstrings, maar u kunt ook aangepaste User Agent-reeksen maken. Het is de enige uitbreiding in zijn soort die betrouwbaar werkt.

Download: User-Agent Switcher

8. Wappalyzer

Als u wilt weten welke soorten webtechnologieën een bepaalde site van stroom voorzien, zal Wappalyzer u dat met een enkele klik vertellen. Het is slim genoeg om CMS's (bijvoorbeeld WordPress), webframeworks (bijvoorbeeld React), hulpprogramma's en hulpprogramma's (bijvoorbeeld Google Analytics), e-commerceplatforms (bijvoorbeeld Shopify) en nog veel meer te detecteren.

Download: Wappalyzer

9. IE Tab

Vanaf februari 2018 is meer dan 13 procent van de desktopgebruikers nog steeds in Internet Explorer, wat jammer is omdat IE verre van voldoet aan de moderne webstandaarden. Dat is waarom je IE Tab nodig hebt, dat IE in een nieuw tabblad emuleert en waarmee je websites in verschillende versies kunt testen: IE6, IE7, IE8, IE9, plus ActiveX-besturingselementen. Echt handig als u wilt dat uw website compatibel is met ALLE browsers, ongeacht hoe oud.

Download: IE Tab

10. Klik op & opruimen

Bij het ontwikkelen van een website zijn enkele dingen vervelender dan het voortdurend wissen van browsegegevens om ervoor te zorgen dat u nieuwe wijzigingen laadt. Click & Clean maakt het niet alleen sneller, maar biedt ook meer controle over wat u kunt opschonen (verwijder bijvoorbeeld databases en plug-ins, bewaar cookies voor bepaalde sites, enz.).

Download: Click & Clean

11. WhatFont

WhatFont is de snelste manier om lettertypen op internet te identificeren. Klik met de rechtermuisknop op een element, selecteer Inspect Element en kijk vervolgens door het stylesheet om te zien wat het is. Met WhatFont kun je niet alleen zien wat een lettertype is door alleen over een element te bewegen, maar het vertelt je ook hoe dat lettertype wordt weergegeven (bijvoorbeeld Google Fonts, TypeKit, enz.).

Download: WhatFont

12. ColorPick-pipet

ColorPick Pipet is een hulpmiddel waarmee u kunt inzoomen en de exacte kleurcode van elke pixel op elke webpagina kunt krijgen. De kleurcode is beschikbaar in hex, RGB en HSL. Het is buitengewoon handig en veel sneller dan elementen te inspecteren om te zien welke kleuren worden gebruikt in het stylesheet, of om afbeeldingen te downloaden en kleuren te kiezen in een afbeeldingseditor.

Download: ColorPick-pipet

13. Lorem Ipsum Generator

Bij het ontwikkelen van een website heb je uiteindelijk wat dummy tekst nodig. Lorem ipsum-generatoren zijn er in overvloed op het web, maar Lorem Ipsum Generator is altijd onmiddellijk beschikbaar, direct op uw huidige tabblad. Het is snel en u kunt aanpassen hoeveel alinea's u wilt en hoeveel zinnen per alinea.

Download: Lorem Ipsum Generator

14. Controleer mijn links

Aan het einde van een webontwikkelingsproject wil je een laatste doorgang maken op alle kernpagina's om er zeker van te zijn dat al je links werken. Check My Links maakt dat proces zo eenvoudig mogelijk. Klik eenvoudig op de knop en deze scant alle links op de huidige pagina en markeert vervolgens elke link op basis van of deze is verbroken of werkt.

Download: Controleer mijn links

15. Afmetingen

Dimensies zijn meer een hulpmiddel voor webontwerp dan webontwikkeling, maar omdat deze twee elkaar overlappen, wilt u deze extensie waarschijnlijk gebruiken. Kort gezegd meet het direct de afstand tussen twee webelementen, inclusief tekst, afbeeldingen, video's en formuliervelden. Het kan ook de afstand van de muiscursor tot een van die ondersteunde webelementen meten.

Download: Dimensies

Meer Chrome-extensies die nuttig kunnen zijn

Naast het bovenstaande raden we deze Chrome-extensies voor tabbeheer en deze Chrome-uitbreidingen voor bedrijfsproductiviteit ten zeerste aan. Dit zijn twee dingen die u als ontwikkelaar kunnen frustreren met Chrome.

Bekijk ook onze enorme selectie van de beste Chrome-extensies De beste Chrome-extensies De beste Chrome-extensies Een lijst met alleen de beste extensies voor Google Chrome, inclusief suggesties van onze lezers. Lees meer, dat alles omvat, van beveiliging tot entertainment, van winkelen tot algemene productiviteit, en nog veel meer.

Ontdek meer over: Browser-extensies, Google Chrome, Programmeren.