Begin met DevSuite Pro in slechts een paar klikken
Aan de slag gaan is eenvoudig. Installeer de extensie, open een webpagina en krijg toegang tot 39+ ontwikkelaarstools vanuit de pop-up of het zwevende dock. Geen configuratie nodig.
Voeg extensie toe aan Chrome
Open de Chrome Web Store en zoek de extensie "DevSuite Pro".
Klik op "Toevoegen aan Chrome" en bevestig door op "Extensie toevoegen" te klikken in het pop-upvenster.
Open een webpagina & start een tool
Ga naar een website, klik op het DevSuite Pro-icoon in de werkbalk of gebruik het zwevende dock op de pagina.
Kies een tool uit het raster. Tools zoals de CSS Inspector, Linialen of Kleurenkiezer worden direct geactiveerd op de huidige pagina.
Extensie Kenmerken
Belangrijkste Kenmerken van DevSuite Pro
DevSuite Pro biedt 39+ ontwikkelaarstools voor inspectie, meting, ontwerp en analyse van webpagina's. Versnel uw workflow met krachtige functies die direct in uw browser zijn ingebouwd.
CSS Inspector
Beweeg over een element om direct de CSS-stijlen te zien en live te bewerken, waardoor het gemakkelijker wordt om ontwerpen in real-time te debuggen en aan te passen.
Klik op een element om de eigenschappen, afmetingen, afstanden, lettertypen en kleuren te inspecteren. Begrijp de paginastructuur onmiddellijk zonder de DevTools van de browser te openen.
Linialen & Hulplijnen
Meet afstanden, controleer uitlijning en voeg pixel-precieze linialen en hulplijnen toe aan elke webpagina om ervoor te zorgen dat uw ontwerpen perfect zijn uitgelijnd.
Kleurenkiezer
Kies kleuren van elk element op de pagina en kopieer HEX-, RGB- of HSL-waarden naar uw klembord met één klik.
Schermafdruk maken
Maak schermafdrukken van de hele pagina of het zichtbare gebied van een webpagina en download ze direct — perfect voor het delen van ontwerpen en het melden van bugs.
Responsieve Tester
Bekijk een voorbeeld van een webpagina op verschillende schermformaten en apparaatresoluties om responsief ontwerp te testen zonder uw browser te verlaten.
Veelvoorkomende vragen over de functies en het gebruik van de DevSuite Pro-extensie. Als u een vraag heeft, staat het antwoord hieronder misschien al.
Hoe installeer ik DevSuite Pro?
Bezoek de Chrome Web Store, zoek naar "DevSuite Pro", klik op "Toevoegen aan Chrome" en bevestig door "Extensie toevoegen" te kiezen. Na installatie verschijnt het extensie-icoon in de werkbalk van uw browser. Klik erop om direct toegang te krijgen tot 39+ ontwikkelaarstools.
Wat is het verschil tussen Gratis en Pro tools?
Gratis tools (20+) zijn voor iedereen beschikbaar zonder licentie. Pro tools hebben een gouden PRO-badge en vereisen een actieve Pro-licentie om te gebruiken. U kunt in de pop-up zien welke tools gratis of pro zijn — gratis tools hebben geen sloticoon, terwijl pro tools er enigszins gedimd uitzien totdat u uw licentie activeert.
Waarom werkt de tool niet op sommige websites?
Sommige websites hebben een streng Content Security Policy (CSP) dat bepaalde acties van browserextensies blokkeert. Dit komt vooral voor op bank- en overheidswebsites. Daarnaast staan interne Chrome-pagina's (chrome://) niet toe dat extensies inhoudsscript uitvoeren.
Zijn mijn wijzigingen op de pagina permanent?
Nee. Alle wijzigingen die door tools als Element Verplaatsen, Live Tekst Editor, Element Verwijderen/Verbergen en de CSS Inspector worden aangebracht, zijn tijdelijk. Ze hebben alleen invloed op wat u op dit moment in uw browser ziet. Het herladen van de pagina herstelt alles naar de oorspronkelijke staat.
Hoe activeer ik mijn Pro-licentie?
Open de DevSuite Pro pop-up, klik op het Instellingen-icoon in de rechterbovenhoek. Scrol omlaag naar het gedeelte Licentie, plak uw licentiesleutel in het invoerveld en klik op Activeren. Als de sleutel geldig is, verandert de badge van FREE naar PRO en worden alle pro tools direct ontgrendeld.
Hoe kan ik het zwevende dock verplaatsen of verbergen?
U kunt het dock verplaatsen door naar Instellingen te gaan en een andere zijbalkpositie te kiezen — Boven, Onder, Links of Rechts. U kunt het dock ook volledig verbergen door de schakelaar "Dock op pagina's weergeven" in de Instellingen uit te vinken of door op elk gewenst moment Ctrl+Shift+X in te drukken.
Verzamelt DevSuite Pro browsegegevens?
Nee. DevSuite Pro verzamelt, volgt of verzendt geen van uw browsegegevens. Alle instellingen worden lokaal in uw browser opgeslagen. De enige externe aanvraag wordt gedaan tijdens de activering van de licentiesleutel om uw sleutel te verifiëren bij onze server.
Kan ik DevSuite Pro gebruiken op Firefox?
Ja! DevSuite Pro is beschikbaar in zowel de Chrome Web Store als de Firefox Add-ons. Het werkt op Chrome, Edge, Brave en andere op Chromium gebaseerde browsers, evenals op Firefox.
