Pesticide - Avancerad CSS Debugger

Infogar inte bara konturer (utan bakgrundsfärg) på alla element, utan inspekterar också storlek och layout. CSS är grymt!

Pesticide 3.2 är en avancerad CSS-felsökare för Chrome som hjälper dig att inspektera layout, avstånd, typografi och beräknade stilar direkt på sidan. Slå på den och håll muspekaren över valfritt element för att öppna en flytande inspektör med de detaljer du faktiskt behöver: - Elementtagg, id och klasser - DOM-sökväg - Klient-/offset-/skrolldimensioner - Fullständig boxmodell: marginal, kant, utfyllnad, radie och innehållsstorlek - Teckensnittsinspektion - Beräknade CSS-egenskaper - Kopiera CSS-utdata i Tailwind-, inline- eller blockformat Vad som gör Pesticide användbart: - Konturbaserad felsökning utan att flytta layout - Klicka för att fästa det aktuella elementet medan du jämför avstånd och stilar - Ändringsbar, drabar inspektörsöverlagring - Sparad panelposition och storlek per webbplats - Alternativsida för att visa eller dölja inspektörsavsnitt - Snabb tangentbordskontroll med Ctrl + Shift + P Pesticide är byggt för front-end-utvecklare, designers och alla som felsöker knepig CSS. Det ger dig ett snabbt visuellt sätt att förstå hur en sida är byggd utan att öppna tunga verktyg för varje liten layoutkontroll. Höjdpunkter i version 3.2: - Bättre arbetsflöde för flytande inspektörer - Kopierings-CSS-panel med Tailwind-, inline- och blockutdata - Inspektion av teckensnitt och beräknad stil - Konfigurerbara inspektörssektioner från alternativsidan Om du vill ha ett lättviktigt Chrome-tillägg för snabbare CSS-felsökning är Pesticide byggt för det jobbet.