Det er nemt at komme i gang. Installer udvidelsen, åbn en webside, og få adgang til 39+ udviklerværktøjer fra pop op-vinduet eller det flydende panel. Ingen konfiguration påkrævet.
Tilføj udvidelsen til Chrome
Åbn Chrome Webshop og søg efter udvidelsen "DevSuite Pro".
Klik på "Tilføj til Chrome", og bekræft derefter ved at klikke på "Tilføj udvidelse" i pop op-vinduet.
Åbn en webside og start et værktøj
Gå til et hvilket som helst websted, og klik derefter på DevSuite Pro-ikonet i værktøjslinjen, eller brug det flydende panel på siden.
Vælg et hvilket som helst værktøj fra oversigten. Værktøjer som CSS Inspector, Linealer eller Farvevælger aktiveres med det samme på den aktuelle side.
Udvidelsesfunktioner
Nøglefunktioner i DevSuite Pro
DevSuite Pro tilbyder 39+ udviklerværktøjer til sideinspektion, måling, design og analyse. Fremskynd din arbejdsgang med kraftfulde funktioner indbygget direkte i din browser.
CSS Inspector
Hold musen over et hvilket som helst element for øjeblikkeligt at se dets CSS-typografier og redigere dem live, hvilket gør fejlfinding og designjusteringer i realtid ekstremt nemme.
Klik på et hvilket som helst element for at inspicere dets egenskaber, dimensioner, afstande, skrifttyper og farver. Forstå sidestrukturen med det samme uden at åbne browserens DevTools.
Linealer og hjælpelinjer
Mål afstande, tjek justering, og tilføj pixel-præcise linealer og hjælpelinjer til enhver webside for at sikre, at dit design er perfekt justeret.
Farvevælger (Color Picker)
Vælg farver fra ethvert element på siden, og kopier HEX-, RGB- eller HSL-værdier til din udklipsholder med et enkelt klik.
Tag skærmbillede
Tag skærmbilleder af hele siden eller det synlige område på enhver webside, og download dem med det samme — ideelt til deling af design og fejlrapportering.
Responsiv tester
Se websiden i forskellige skærmstørrelser og enhedsopløsninger for at teste responsivt design uden at forlade browseren.
Almindelige spørgsmål om funktionerne og brugen af DevSuite Pro-udvidelsen. Hvis du har et spørgsmål, kan svaret være herunder.
Hvordan installerer jeg DevSuite Pro?
Besøg Chrome Webshop, søg efter "DevSuite Pro", klik på "Tilføj til Chrome" og bekræft ved at vælge "Tilføj udvidelse". Når den er installeret, vises udvidelsesikonet i din browsers værktøjslinje. Klik på det for at få øjeblikkelig adgang til 39+ udviklerværktøjer.
Hvad er forskellen på gratis og Pro-værktøjer?
Gratis værktøjer (20+) er tilgængelige for alle uden licens. Pro-værktøjer har et gyldent PRO-badge og kræver en aktiv Pro-licens for at blive brugt. Du kan se, hvilke værktøjer der er gratis eller Pro i pop op-vinduet — gratis værktøjer har intet hængelåsikon, mens Pro-værktøjer vil se lidt grå ud, indtil du aktiverer din licens.
Hvorfor virker værktøjet ikke på visse websteder?
Nogle websteder har strenge politikker for indholdssikkerhed (CSP), der blokerer visse handlinger fra browserudvidelser. Dette er især almindeligt på bank- og regeringswebsteder. Desuden tillader Chromes interne sider (chrome://) ikke udvidelser at køre indholdsscripts.
Er de ændringer, jeg foretager på siden, permanente?
Nej. Alle ændringer foretaget med værktøjer som Flyt element, Live teksteditor, Slet/skjul element og CSS Inspector er midlertidige. De påvirker kun det, du ser i din browser lige nu. Hvis du opdaterer siden, vender alt tilbage til den oprindelige tilstand.
Hvordan aktiverer jeg min Pro-licens?
Åbn DevSuite Pro-pop-op-vinduet, klik på indstillingsikonet i øverste højre hjørne. Rul ned til licenssektionen, indsæt din licensnøgle i inputfeltet, og klik på Aktiver. Hvis nøglen er gyldig, ændres badget fra FREE til PRO, og alle Pro-værktøjer låses op med det samme.
Hvordan kan jeg flytte eller skjule det flydende panel?
Du kan flytte panelet ved at gå til Indstillinger og vælge en anden placering af sidebjælken — Top, Bund, Venstre eller Højre. Du kan også skjule panelet helt ved at slå kontakten "Vis panel på sider" fra i Indstillinger eller ved at trykke på Ctrl+Shift+X.
Indsamler DevSuite Pro browserdata?
Nej. DevSuite Pro indsamler, sporer eller transmitterer ikke nogen af dine browserdata. Alle indstillinger gemmes lokalt i din browser. Den eneste eksterne anmodning sendes under licensnøgleaktivering for at verificere din nøgle med vores server.
Kan jeg bruge DevSuite Pro i Firefox?
Ja! DevSuite Pro er tilgængelig i både Chrome Webshop og Firefox Add-ons. Den fungerer i Chrome, Edge, Brave og andre Chromium-baserede browsere samt i Firefox.
