Det är enkelt att komma igång. Installera tillägget, öppna valfri webbsida och få tillgång till 39+ utvecklarverktyg från popupen eller den flytande dockan. Ingen konfiguration krävs.
Lägg till tillägg i Chrome
Öppna Chrome Web Store och sök efter tillägget "DevSuite Pro".
Klicka på "Lägg till i Chrome" och bekräfta sedan genom att klicka på "Lägg till tillägg" i popup-fönstret.
Öppna en webbsida och starta verktyget
Gå till valfri webbplats och klicka sedan på DevSuite Pro-ikonen i verktygsfältet eller använd den flytande dockan på sidan.
Välj valfritt verktyg från rutnätet. Verktyg som CSS Inspector, Linjaler eller Färgväljare aktiveras omedelbart på den aktuella sidan.
Tilläggsfunktioner
Huvudfunktioner i DevSuite Pro
DevSuite Pro erbjuder 39+ utvecklarverktyg för inspektion, mätning, design och analys av webbsidor. Accelerera ditt arbetsflöde med kraftfulla funktioner inbyggda direkt i din webbläsare.
CSS Inspector
Håll muspekaren över valfritt element för att se dess CSS-stilar omedelbart och redigera dem live, vilket gör det enklare att felsöka och justera design i realtid.
Klicka på ett element för att inspektera dess egenskaper, dimensioner, avstånd, teckensnitt och färger. Förstå sidstrukturen omedelbart utan att öppna webbläsarens DevTools.
Linjaler och guider
Mät avstånd, kontrollera inriktning och lägg till pixel-perfekta linjaler och guider på vilken webbsida som helst för att säkerställa att din design är perfekt inriktad.
Färgväljare
Välj färger från valfritt element på sidan och kopiera HEX-, RGB- eller HSL-värden till ditt urklipp med ett klick.
Skärmdump
Ta skärmdumpar av hela sidan eller det synliga området av en webbsida och ladda ner dem omedelbart – perfekt för att dela design och rapportera buggar.
Responsiv testare
Förhandsvisa en webbsida i olika skärmstorlekar och enhetsupplösningar för att testa responsiv design utan att lämna webbläsaren.
Vanliga frågor om funktioner och användning av tillägget DevSuite Pro. Om du har en fråga kan svaret redan finnas nedan.
Hur installerar jag DevSuite Pro?
Besök Chrome Web Store, sök efter "DevSuite Pro", klicka på "Lägg till i Chrome" och bekräfta genom att välja "Lägg till tillägg". Efter installationen visas tilläggsikonen i webbläsarens verktygsfält. Klicka på den för att få tillgång till 39+ utvecklarverktyg omedelbart.
Vad är skillnaden mellan gratis- och Pro-verktyg?
Gratisverktyg (20+) är tillgängliga för alla utan licens. Pro-verktyg har ett guldfärgat PRO-märke och kräver en aktiv Pro-licens för att användas. Du kan se vilka verktyg som är gratis eller pro i popupen – gratisverktyg har ingen låsikon, medan pro-verktyg ser något nedtonade ut tills du aktiverar din licens.
Varför fungerar inte verktyget på vissa webbplatser?
Vissa webbplatser har strikta Content Security Policies (CSP) som blockerar vissa åtgärder från webbläsartillägg. Detta är särskilt vanligt på bank- och myndighetssajter. Dessutom tillåter inte Chromes interna sidor (chrome://) att tillägg kör innehållsskript.
Är mina ändringar på sidan permanenta?
Nej. Alla ändringar som görs av verktyg som Flytta element, Live textredigerare, Ta bort/dölj element och CSS Inspector är tillfälliga. De påverkar bara det du ser i din webbläsare just nu. Om du laddar om sidan återställs allt till sitt ursprungliga tillstånd.
Hur aktiverar jag min Pro-licens?
Öppna DevSuite Pro-popupen, klicka på inställningsikonen i det övre högra hörnet. Bläddra ner till avsnittet Licens, klistra in din licensnyckel i inmatningsfältet och klicka på Aktivera. Om nyckeln är giltig ändras märket från FREE till PRO och alla pro-verktyg låses upp omedelbart.
Hur kan jag flytta eller dölja den flytande dockan?
Du kan flytta dockan genom att gå till inställningarna och välja en annan sidofältsposition – Topp, Botten, Vänster eller Höger. Du kan också dölja dockan helt genom att stänga av "Visa docka på sidor" i inställningarna eller trycka på Ctrl+Shift+X när som helst.
Samlar DevSuite Pro in webbinformation?
Nej. DevSuite Pro samlar inte in, spårar eller överför någon av dina webbläsardata. Alla inställningar lagras lokalt i din webbläsare. Den enda externa begäran görs under aktivering av licensnyckel för att verifiera din nyckel mot vår server.
Kan jag använda DevSuite Pro på Firefox?
Ja! DevSuite Pro finns tillgängligt i både Chrome Web Store och Firefox Add-ons. Det fungerar på Chrome, Edge, Brave och andra Chromium-baserade webbläsare, samt Firefox.
