Det er enkelt å komme i gang. Installer utvidelsen, åpne en nettside, og få tilgang til 39+ utviklerverktøy fra popup-vinduet eller det flytende dokken. Ingen konfigurasjon nødvendig.
Legg til utvidelsen i Chrome
Åpne Chrome Web Store og søk etter utvidelsen "DevSuite Pro".
Klikk på "Legg til i Chrome" og bekreft deretter ved å klikke på "Legg til utvidelse" i popup-vinduet.
Åpne en nettside og start verktøyet
Gå til et hvilket som helst nettsted, og klikk deretter på DevSuite Pro-ikonet i verktøylinjen eller bruk den flytende dokken på siden.
Velg et verktøy fra rutenettet. Verktøy som CSS Inspector, Linjaler eller Fargevelger aktiveres umiddelbart på den gjeldende siden.
Utvidelsesfunksjoner
Hovedfunksjoner i DevSuite Pro
DevSuite Pro tilbyr 39+ utviklerverktøy for inspeksjon, måling, design og analyse av nettsider. Akselerer arbeidsflyten din med kraftige funksjoner bygget rett inn i nettleseren din.
CSS Inspector
Hold musepekeren over et element for å se CSS-stilene umiddelbart og rediger dem live, noe som gjør det enklere å feilsøke og justere design i sanntid.
Klikk på et element for å inspisere dets egenskaper, dimensjoner, avstander, fonter og farger. Forstå sidestrukturen umiddelbart uten å åpne nettleserens DevTools.
Linjaler og guider
Mål avstander, sjekk justering og legg til piksel-perfekte linjaler og guider på hvilken som helst nettside for å sikre at designene dine er perfekt justert.
Fargevelger
Velg farger fra et hvilket som helst element på siden og kopier HEX-, RGB- eller HSL-verdier til utklippstavlen med ett klikk.
Skjermbilde
Ta skjermbilder av hele siden eller det synlige området av en nettside og last dem ned umiddelbart – perfekt for å dele design og rapportere feil.
Responstester
Forhåndsvis en nettside i forskjellige skjermstørrelser og enhetsoppløsninger for å teste responsivt design uten å forlate nettleseren.
Vanlige spørsmål om funksjonene og bruken av DevSuite Pro-utvidelsen. Hvis du har et spørsmål, kan svaret allerede være her under.
Hvordan installerer jeg DevSuite Pro?
Besøk Chrome Web Store, søk etter "DevSuite Pro", klikk på "Legg til i Chrome" og bekreft ved å velge "Legg til utvidelse". Etter installasjon vil utvidelsesikonet vises i verktøylinjen i nettleseren din. Klikk på det for å få tilgang til 39+ utviklerverktøy umiddelbart.
Hva er forskjellen mellom gratis- og Pro-verktøy?
Gratisverktøy (20+) er tilgjengelige for alle uten lisens. Pro-verktøy har et gullfarget PRO-merke og krever en aktiv Pro-lisens for å brukes. Du kan se hvilke verktøy som er gratis eller pro fra popup-vinduet – gratisverktøy har ikke et låseikon, mens pro-verktøy ser litt nedtonet ut til du aktiverer lisensen din.
Hvorfor fungerer ikke verktøyet på enkelte nettsteder?
Noen nettsteder har strenge Content Security Policies (CSP) som blokkerer visse handlinger fra nettleserutvidelser. Dette er spesielt vanlig på nettbanker og offentlige nettsteder. I tillegg tillater ikke Chromes interne sider (chrome://) at utvidelser kjører innholdsskript.
Er endringene mine på siden permanente?
Nei. Alle endringer gjort av verktøy som Flytt element, Live tekstredigerer, Slett/skjul element og CSS Inspector er midlertidige. De påvirker bare det du ser i nettleseren din akkurat nå. Ved å laste inn siden på nytt vil alt gå tilbake til sin opprinnelige tilstand.
Hvordan aktiverer jeg min Pro-lisens?
Åpne DevSuite Pro-popup-vinduet, klikk på Innstillinger-ikonet øverst i høyre hjørne. Rull ned til Lisens-delen, lim inn lisensnøkkelen din i inndatafeltet og klikk på Aktiver. Hvis nøkkelen er gyldig, vil merket endres fra FREE til PRO, og alle pro-verktøy vil bli låst opp umiddelbart.
Hvordan flytter eller skjuler jeg den flytende dokken?
Du kan flytte dokken ved å gå til Innstillinger og velge en annen sidefeltposisjon – Topp, Bunn, Venstre eller Høyre. Du kan også skjule dokken helt ved å slå av "Vis dokk på sider" i Innstillinger eller trykke på Ctrl+Shift+X når som helst.
Samler DevSuite Pro inn nettleserdata?
Nei. DevSuite Pro samler ikke inn, sporer eller overfører noen av dine nettleserdata. Alle innstillinger lagres lokalt i nettleseren din. Den eneste eksterne forespørselen gjøres under aktivering av lisensnøkkel for å verifisere nøkkelen din mot serveren vår.
Kan jeg bruke DevSuite Pro på Firefox?
Ja! DevSuite Pro er tilgjengelig i både Chrome Web Store og Firefox Add-ons. Det fungerer på Chrome, Edge, Brave og andre Chromium-baserte nettlesere, samt Firefox.
