divmagic DivMagic

Skopírujte dizajn z ľubovoľnej webovej stránky

Jednoducho skopírujte kód akéhokoľvek prvku webovej stránky jedným kliknutím. Vyskúšaj to teraz!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Používa viac ako 6000 vývojárov
DÔVERUJE + 6000 VÝVOJÁROV
divmagic
Rozšírenie magického prehliadača:
Ušetrite stovky hodín
Kompatibilné s prehliadačmi Chrome a Firefox
+1 milión skopírovaných prvkov
Najrýchlejšia podpora
Výber farieb, kopírovanie písma a ďalšie integrované nástroje
Vytvorte si vlastnú knižnicu komponentov

Používa viac ako 6000 vývojárov na:

Získajte kód akéhokoľvek prvku na ľubovoľnej webovej stránke

Môžete získať kód HTML/CSS akéhokoľvek prvku na ľubovoľnej webovej stránke.
Jedným kliknutím môžete skopírovať kód akéhokoľvek prvku na ľubovoľnej webovej stránke.
Môžete tiež skopírovať celé stránky jedným kliknutím, ak chcete.

Media Query Podpora (responzívna)

Môžete skopírovať mediálny dotaz prvku, ktorý kopírujete.

Vďaka tomu bude skopírovaný štýl React.

Previesť CSS na Tailwind CSS

Akýkoľvek kód CSS môžete previesť na CSS Tailwind.

Web, z ktorého kopírujete, nemusí používať štýl CSS Tailwind.

DivMagic prevedie akýkoľvek kód CSS na CSS Tailwind (dokonca aj farby!)

Skopírujte kód cez prvky iframe

Kód môžete skopírovať z prvkov iframe.

Niektoré webové stránky vkladajú obsah do prvkov iframe, aby vám zabránili v jeho kopírovaní. DivMagic dokáže kopírovať kód cez iframe.

DevTools Integrácia

Použite DivMagic priamo z vývojových nástrojov vášho prehliadača

Môžete získať prístup k sile DivMagic bez toho, aby ste otvorili rozšírenie

Transformujte a zachytávajte webové prvky na opakovane použiteľné komponenty, a to všetko pri pobyte vo vašej vývojárskej konzole.

Preveďte ľubovoľný komponent na React/JSX

Môžete previesť ľubovoľný komponent na JSX.

Akúkoľvek sekciu, ktorú skopírujete, môžete získať ako komponent React/JSX. Nie je potrebné kontrolovať kód.

Aj keď web nepoužíva React.

DivMagic Studio Integrácia

Skopírovaný prvok môžete exportovať do DivMagic Studio.

To vám umožní upravovať prvok a ľahko v ňom vykonávať zmeny.

Svoje komponenty si môžete uložiť v DivMagic Studio a kedykoľvek ich navštíviť.

DivMagic Toolbox

Všetky nástroje, ktoré budete potrebovať na vývoj webu na jednom mieste.

Môžete kopírovať písma z webových stránok a priamo ich použiť vo svojich projektoch. Farby môžete skopírovať z ľubovoľnej webovej lokality a priamo ich použiť vo svojich projektoch. Preveďte akúkoľvek farbu do akéhokoľvek formátu. Pridajte mriežky.

A viac...

Všetky nástroje, ktoré potrebujete na rýchlejšie vytváranie úžasných webových stránok

Získajte ten najlepší dizajn bez toho, aby ste nad ním trávili hodiny

INŠPEKTOR

Získajte kód akéhokoľvek prvku na ľubovoľnej webovej stránke. DivMagic poskytuje najkompaktnejší a najčistejší kód, ktorý môžete použiť vo svojich projektoch.

KONVERTOR

Preveďte ľubovoľný komponent na React/JSX. Akúkoľvek sekciu, ktorú skopírujete, môžete získať ako komponent React/JSX. Bez ohľadu na rámec webovej stránky.

CSS TAILWIND

Previesť CSS na Tailwind CSS. DivMagic prevedie akýkoľvek kód CSS na CSS Tailwind (dokonca aj farby!). Web, z ktorého kopírujete, nemusí používať štýl CSS Tailwind.

PODPORA IFRAME

Skopírujte kód z prvkov iframe. Niektoré webové stránky vkladajú obsah do prvkov iframe, aby vám zabránili v jeho kopírovaní. DivMagic dokáže kopírovať kód cez iframe.

REAGOVAŤ

Môžete skopírovať mediálny dopyt prvku alebo stránky, ktoré kopírujete. Vďaka tomu bude skopírovaný štýl reagovať.

INTEGRÁCIA DEVTOOLS

Použite DivMagic priamo z vývojových nástrojov vášho prehliadača. Môžete pristupovať ku všetkým funkciám DivMagic bez toho, aby ste otvorili rozšírenie.

INTEGRÁCIA ŠTÚDIA

Skopírovaný prvok môžete exportovať do DivMagic Studio – výkonného online editora na úpravu prvku a jednoduché zmeny v ňom.

KÓPIA CELEJ STRÁNKY

Môžete kopírovať celé stránky jedným kliknutím.

INTEGRÁCIA WORDPRESS

(ČOSKORO) - Skopírovaný prvok môžete exportovať do WordPress. To vám umožní použiť skopírovaný prvok v editore WordPress.

NÁSTROJE

Všetky nástroje, ktoré budete potrebovať na vývoj webu na jednom mieste. Živé úpravy, výber farieb, debugger a ďalšie.

KOPÍROVANIE PÍSOM

Písma môžete kopírovať z webových stránok a priamo ich používať vo svojich projektoch.

VÝBER FARBY

Farby môžete skopírovať z ľubovoľnej webovej stránky a priamo ich použiť vo svojich projektoch. Preveďte akúkoľvek farbu do akéhokoľvek formátu.

Obľúbený
vývojármi
a
dizajnérmi

“Úžasný! Toto zvýšilo moju produktivitu 1000-krát. Kopírovanie kódu Tailwind pre existujúci obsah na internete je tak jednoduché.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Neuveriteľne užitočné! Niet pochýb o tom, že to veľmi šetrí čas!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Rozšírenie pre Chrome na prevod prvkov priamo do Tailwind CSS (vrátane farieb).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Presne to, čo som hľadal! Dobrá práca na tom, čo skúšam.”

testimonial author
Will Bowman

Funguje skvele! Výstup je veľmi malý, čo uľahčuje jeho úpravu pre môj prípad použitia!”

Nichole Peterson

Front-end Dev MUSÍ!! Naozaj sa mi páčilo, ako to pekne hrá s Reactom a Tailwindom. Jednoduchosť používateľského rozhrania a UX je to, čo mám najradšej.”

Steven J.

Vrelo to odporúčam, je to kúzlo!”

Javier

“Teraz môžem kradnúť návrhy ešte jednoduchšie! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Skvelý nástroj, jeho hodnota ďaleko prevyšuje jeho cenu.”

testimonial author
Bryan Brooks

DivMagic je poklad, jednoducho najlepší nástroj na získanie danej sekcie webovej stránky a dokonalé priblíženie k vám. Vyskúšajte to, náklady, ktoré sa vám vrátia, sa vám vrátia v priebehu niekoľkých dní.”

testimonial author
Victor Rhea

“Skvelý platený nástroj, ktorý stojí za to!”

testimonial author
Daniro

Skvelý nástroj a obrovská úspora času. Ak ste vývojár a chcete rýchly spôsob, ako získať návrh používateľského rozhrania, tento nástroj je skvelý.”

testimonial author
Martin Young

“Som rád, že to mám v prehliadači”

testimonial author
Reza Hartana

“Skvelý nástroj, ktorý vám pri vývoji ušetrí veľa času.”

testimonial author
Jackie Chong

Funguje šialene dobre – dokonca aj s React + TailwindCSS. Veľmi dojem.”

testimonial author
J L

“Úžasný nástroj! Milujem výkonné použitie a jednoduchosť, s ktorou pracuje. Ak ste vývojár, nerozmýšľajte dvakrát a uistite sa, že to získate.

testimonial author
Giuliani Prosecutor

“Fantastická pomôcka. V spojení s komponentmi Tailwind môžete jednoducho ušetriť hodiny počas prvých 30 minút používania. Spláca sa takmer okamžite.”

testimonial author
Brendan OC

“V minulosti som testoval viac ako 3 podobné nástroje - DivMagic je jednoducho jedným z najlepších, pokiaľ ide o kvalitu.

testimonial author
John Techozens

“Úžasný nástroj, ak vytvárate webové stránky, viete, toto nie je problém. Ušetrili ste veľa hodín hrania sa so šablónami a upravovaním css.”

testimonial author
Kevin McGrew

Super užitočný doplnok! Zaplatil som za celý produkt, pretože mi šetrí čas a námahu.

Torra Laq

Nástroj na vyfúknutie mysle. Veľmi užitočný nástroj pre vývojárov”

testimonial author
Talha Tonmoy

Stanovenie cien

Funguje na každej webovej stránke

Dostupné pre Chrome a Firefox

Úplná politika vrátenia peňazí

Neustále aktualizácie a nové funkcie

Vyhradená a rýchla podpora

Používa + 6 000 vývojárov

"Spláca sa takmer okamžite"

Brendan – používateľ DivMagic

Zaručene vám ušetrí čas a peniaze

  • Doživotný prístup
  • Dostupné pre Google Chrome
  • Všetky prehliadače založené na prehliadači Chromium
  • Dostupné pre Firefox
  • Použitie na 2 zariadeniach
  • Integrácia DivMagic Studio
  • Zahŕňa všetky budúce aktualizácie
  • Najrýchlejšia podpora
  • Neobmedzené použitie
  • Garancia vrátenia peňazí
🎁 Ušetrite 145 $ – oslavujeme prvý rok!
$345
$200
Jednorazová platba - Zaplaťte raz, používajte navždy
Získaj teraz

Mesačne

$16/mesiac

Obsahuje všetky funkcie DivMagic
Zrušiť kedykoľvek

Ročne

$96/rok

Obsahuje všetky funkcie DivMagic
Zrušiť kedykoľvek

často kladené otázky

Čo robí DivMagic?

DivMagic vám umožňuje jednoducho kopírovať, konvertovať a využívať webové prvky. Je to všestranný nástroj, ktorý konvertuje HTML a CSS do niekoľkých formátov vrátane inline CSS, External CSS, Local CSS a Tailwind CSS.

Môžete skopírovať akýkoľvek prvok z ľubovoľnej webovej lokality ako opakovane použiteľný komponent a vložiť ho priamo do svojej kódovej základne.

Ako ho môžem použiť?

Najprv nainštalujte rozšírenie DivMagic. Prejdite na ľubovoľnú webovú stránku a kliknite na ikonu rozšírenia. Potom vyberte ľubovoľný prvok na stránke. Kód – vo vami vybranom formáte – bude skopírovaný a pripravený na vloženie do vášho projektu.

Ako to funguje, si môžete pozrieť v demo videu

Aké sú podporované prehliadače?

Rozšírenie môžete získať pre prehliadače Chrome a Firefox.

Rozšírenie Chrome funguje vo všetkých prehliadačoch založených na prehliadači Chromium, ako sú Brave a Edge.

Aké sú pravidlá vrátenia peňazí?

Ak nie ste spokojní s DivMagic, pošlite nám e-mail do 30 dní od nákupu a my vám vrátime peniaze, bez akýchkoľvek otázok.

support@divmagic.com

Ako zmením svoje predplatné?

Svoje predplatné môžete upraviť tak, že prejdete na zákaznícky portál.
Zákaznícky portál

Funguje to na všetkých weboch?

Áno. Skopíruje akýkoľvek prvok z ľubovoľnej webovej stránky a prevedie ho do zvoleného formátu. Môžete dokonca kopírovať prvky, ktoré sú chránené rámcom iframe.

Web, ktorý kopírujete, môže byť vytvorený s akýmkoľvek rámcom, DivMagic bude fungovať na všetkých z nich.

Aj keď sú niektoré prvky zriedkavé, niektoré prvky sa nemusia dokonale skopírovať – ak na nejaké narazíte, nahláste nám ich.

Aj keď prvok nie je skopírovaný správne, stále môžete použiť skopírovaný kód ako východiskový bod a vykonať v ňom zmeny.

Funguje konverzia CSS Tailwind na všetkých weboch?

Áno. Web, ktorý kopírujete, môže byť vytvorený s akýmkoľvek rámcom, DivMagic bude fungovať na všetkých z nich.

Webová stránka nemusí byť vytvorená s Tailwind CSS, DivMagic prevedie CSS na Tailwind CSS za vás.

Aké sú obmedzenia?

Najväčším obmedzením sú webové stránky, ktoré používajú JavaScript na úpravu zobrazenia obsahu stránky. V takýchto prípadoch nemusí byť skopírovaný kód správny. Ak nájdete takýto prvok, nahláste nám to.

Aj keď prvok nie je skopírovaný správne, stále môžete použiť skopírovaný kód ako východiskový bod a vykonať v ňom zmeny.

Ako často je k dispozícii aktualizácia pre DivMagic?

DivMagic sa pravidelne aktualizuje. Neustále pridávame nové funkcie a vylepšujeme tie existujúce.

Aktualizáciu vydávame každé 1-2 týždne. Pozrite si náš Changelog pre zoznam všetkých aktualizácií.

Denník zmien

Čo sa stane s mojím jednorazovým platobným účtom, ak sa DivMagic vypne?

Chceme, aby ste sa pri nákupe cítili bezpečne. Plánujeme tu byť veľmi dlho, ale ak sa DivMagic niekedy vypne, pošleme kód rozšírenia všetkým používateľom, ktorí vykonali jednorazovú platbu, čo vám umožní používať ho offline na neurčito.

Chcete zostať v obraze?
Pridajte sa do zoznamu e-mailov DivMagic!

Buďte prvý, kto sa dozvie o novinkách, nových funkciách a oveľa viac!

Odber môžete kedykoľvek zrušiť. Žiadny spam.

© 2024 DivMagic, Inc. Všetky práva vyhradené.