DivMagic DevTools

Ako používať DivMagic s DevTools

• Otvorte Konzolu pre vývojárov:

  Prejdite do konzoly vývojára svojho prehliadača kliknutím pravým tlačidlom myši na svoju stránku a výberom možnosti „Skontrolovať“ alebo jednoducho pomocou skratky

• Vyhľadajte kartu DivMagic:

  Keď ste v konzole pre vývojárov, nájdite kartu „DivMagic“, ktorá sa nachádza vedľa ostatných kariet, ako sú „Prvky“, „Konzola“ atď.

• Vyberte prvok:

  Prejdite na webovú stránku, z ktorej chcete kopírovať, a použite kartu DivMagic v nástrojoch pre vývojárov na výber a zachytenie akéhokoľvek požadovaného prvku.

• Kopírovať a konvertovať:

  Po výbere prvku môžete skopírovať jeho štýly, transformovať ho na opätovne použiteľný kód CSS, Tailwind CSS, React alebo JSX a ďalšie – to všetko v rámci DevTools.

Ak sa vo vašom prehliadači nezobrazuje karta DevTools, uistite sa, že ste ju povolili v kontextovom okne, otvorte novú kartu a skúste to znova.