divmagic DivMagic

Salin reka bentuk dari mana-mana laman web

Sambungan penyemak imbas yang membolehkan anda menyalin kod mana-mana elemen tapak web dengan satu klik

Digunakan oleh

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ beribu-ribu pemaju lain!

Digunakan oleh pemaju di

DIPERCAYAI OLEH +4000 PEMAJU
divmagic

Mengurangkan masa pembangunan anda dengan ketara

Dapatkan kod mana-mana elemen di mana-mana tapak web

Anda boleh mendapatkan kod HTML/CSS mana-mana elemen di mana-mana tapak web.
Dengan satu klik, anda boleh menyalin kod mana-mana elemen di mana-mana tapak web.
Anda juga boleh menyalin halaman penuh dengan satu klik jika anda mahu.

Media Query Sokongan (Responsif)

Anda boleh menyalin pertanyaan media bagi elemen yang anda salin.

Ini akan menjadikan gaya yang disalin responsif.

Tukar CSS kepada Tailwind CSS

Anda boleh menukar mana-mana kod CSS kepada Tailwind CSS.

Tapak web yang anda salin tidak perlu menggunakan CSS Tailwind.

DivMagic akan menukar mana-mana kod CSS kepada Tailwind CSS (walaupun warna!)

Salin kod melalui iframe

Anda boleh menyalin kod daripada iframes.

Sesetengah tapak web meletakkan kandungan dalam iframe untuk menghalang anda daripada menyalinnya. DivMagic boleh menyalin kod walaupun iframes.

DevTools Penyepaduan

Gunakan DivMagic terus dari alat pembangunan penyemak imbas anda

Anda boleh mengakses kuasa DivMagic tanpa memunculkan sambungan

Ubah dan tangkap elemen web kepada komponen boleh guna semula, semuanya sambil kekal dalam konsol pembangun anda.

Tukar mana-mana komponen kepada React/JSX

Anda boleh menukar mana-mana komponen kepada JSX.

Anda boleh mendapatkan mana-mana bahagian yang anda salin sebagai komponen React/JSX. Tidak perlu memeriksa kod.

Walaupun tapak web tidak menggunakan React.

DivMagic Studio Penyepaduan

Anda boleh mengeksport elemen yang disalin ke DivMagic Studio.

Ini akan membolehkan anda mengedit elemen dan membuat perubahan padanya dengan mudah.

Anda boleh menyimpan komponen anda dalam DivMagic Studio dan melawatnya pada bila-bila masa.

Semua alatan yang anda perlukan untuk membina tapak web yang menakjubkan dengan lebih pantas

Dapatkan reka bentuk terbaik, tanpa menghabiskan masa berjam-jam untuknya

PEMERIKSA

Dapatkan kod mana-mana elemen di mana-mana tapak web. DivMagic menyediakan kod yang paling padat dan bersih untuk anda gunakan dalam projek anda.

PENUKAR

Tukar mana-mana komponen kepada React/JSX. Anda boleh mendapatkan mana-mana bahagian yang anda salin sebagai komponen React/JSX. Tanpa mengira rangka kerja tapak web.

CSS TAILWIND

Tukar CSS kepada Tailwind CSS. DivMagic akan menukar mana-mana kod CSS kepada Tailwind CSS (walaupun warna!). Tapak web yang anda salin tidak perlu menggunakan CSS Tailwind.

SOKONGAN IFRAME

Salin kod daripada iframes. Sesetengah tapak web meletakkan kandungan dalam iframe untuk menghalang anda daripada menyalinnya. DivMagic boleh menyalin kod walaupun iframes.

RESPONSIF

Anda boleh menyalin pertanyaan media bagi elemen atau halaman yang anda salin. Ini akan menjadikan gaya yang disalin responsif.

INTEGRASI DEVTOOLS

Gunakan DivMagic terus dari alat pembangunan penyemak imbas anda. Anda boleh mengakses semua kefungsian DivMagic tanpa memunculkan sambungan.

INTEGRASI STUDIO

Anda boleh mengeksport elemen yang disalin ke DivMagic Studio - editor dalam talian yang berkuasa untuk mengedit elemen dan membuat perubahan padanya dengan mudah.

SALINAN HALAMAN PENUH

Anda boleh menyalin halaman penuh dengan satu klik.

INTEGRASI WORDPRESS

(AKAN DATANG) - Anda boleh mengeksport elemen yang disalin ke WordPress. Ini akan membolehkan anda menggunakan elemen yang disalin dalam Editor WordPress.

MENYALIN fon

(AKAN DATANG) - Anda boleh menyalin fon daripada tapak web dan menggunakannya secara langsung dalam projek anda.

KOTAK PERALATAN

(COMING SOON) - Semua alatan yang anda perlukan untuk pembangunan web di satu tempat. Suntingan langsung, pemilih warna, penyahpepijat dan banyak lagi.

Digemari
oleh
pembangun
dan
pereka

“Hebat! Ini meningkatkan produktiviti saya sebanyak 1000x. Sangat mudah untuk menyalin kod Tailwind untuk bahan sedia ada di Internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Sangat berguna! Tidak dinafikan bahawa ia sangat menjimatkan masa!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Sambungan Chrome untuk menukar elemen terus ke Tailwind CSS (termasuk warna).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Apa yang saya cari! Berusaha dengan baik pada apa yang saya cuba.”

testimonial author
Will Bowman

Berfungsi dengan baik! Outputnya sangat kecil yang menjadikannya sangat mudah untuk diubah suai untuk bekas penggunaan saya!”

Nichole Peterson

Pembangunan Bahagian Depan MESTI!! Saya sangat menyukai cara ia bermain bagus dengan React dan Tailwind. Kemudahan UI dan UX adalah yang paling saya sukai.”

Steven J.

“Saya sangat mengesyorkannya, sungguh ajaib!”

Javier

“Kini saya boleh mencuri reka bentuk dengan lebih mudah! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Alat yang hebat, nilainya jauh melebihi kosnya.”

testimonial author
Bryan Brooks

DivMagic ialah harta, cuma alat terbaik untuk mendapatkan bahagian halaman web tersebut dan membawanya kepada anda dengan sempurna. Cubalah, kos yang anda akan kembalikan kepada anda dalam masa yang disimpan dalam beberapa hari.”

testimonial author
Victor Rhea

“Alat berbayar yang hebat, berbaloi dengan wang!”

testimonial author
Daniro

Alat yang hebat dan penjimat masa yang besar. Jika anda seorang pembangun dan mahukan cara cepat untuk mendapatkan reka bentuk UI, alat ini bagus.”

testimonial author
Martin Young

“Senang memilikinya pada penyemak imbas saya”

testimonial author
Reza Hartana

“Alat hebat yang akan menjimatkan banyak masa anda dalam pembangunan.”

testimonial author
Jackie Chong

Berfungsi dengan baik - Walaupun dengan React + TailwindCSS. Sangat kagum.”

testimonial author
J L

“Alat yang menakjubkan! Saya suka penggunaan yang berkuasa dan memudahkan ia berfungsi. Jika anda seorang pembangun jangan berfikir dua kali dan pastikan untuk mendapatkannya.

testimonial author
Giuliani Prosecutor

“Alat yang hebat. Dipasangkan dengan komponen Tailwind, anda boleh menjimatkan masa anda dengan mudah dalam 30 minit pertama penggunaan. Membayar untuk dirinya sendiri hampir serta-merta.”

testimonial author
Brendan OC

“Saya telah menguji lebih daripada 3 alat yang serupa pada masa lalu - DivMagic mudah menjadi salah satu yang terbaik dari segi kualiti, setakat ini.

testimonial author
John Techozens

“Alat yang menakjubkan, jika anda membina tapak web, anda tahu ini adalah sia-sia. Menyimpan banyak jam mengacaukan templat dan mengubah suai css.”

testimonial author
Kevin McGrew

penentuan harga

Berfungsi di setiap laman web

Tersedia untuk Chrome dan Firefox

Polisi bayaran balik penuh

Digunakan oleh +4000 pembangun

Sokongan yang berdedikasi dan pantas
Kemas kini berterusan & ciri baharu

Bulanan

$16/bulan

Tidak termasuk cukai tempatan atau VAT jika berkenaan

  • Tersedia untuk Google Chrome (termasuk semua penyemak imbas berasaskan Chromium seperti Brave, Edge, dll.)

  • Tersedia untuk Firefox

  • Gunakan pada seberapa banyak peranti yang anda mahu

  • Integrasi Studio DivMagic

  • Termasuk semua kemas kini dan ciri masa hadapan

  • Jaminan wang dikembalikan

setiap tahun

$96/tahun

Tidak termasuk cukai tempatan atau VAT jika berkenaan

  • Jimat - 6 bulan percuma

  • Tersedia untuk Google Chrome (termasuk semua penyemak imbas berasaskan Chromium seperti Brave, Edge, dll.)

  • Tersedia untuk Firefox

  • Gunakan pada seberapa banyak peranti yang anda mahu

  • Integrasi Studio DivMagic

  • Termasuk semua kemas kini dan ciri masa hadapan

  • Jaminan wang dikembalikan

🎁

Diskaun Terhad!!!

Bayaran Sekali

Paling popular
$300
$200

Tidak termasuk cukai tempatan atau VAT jika berkenaan

  • Akses Sepanjang Hayat

  • Tersedia untuk Google Chrome (termasuk semua penyemak imbas berasaskan Chromium seperti Brave, Edge, dll.)

  • Tersedia untuk Firefox

  • Gunakan pada seberapa banyak peranti yang anda mahu

  • Integrasi Studio DivMagic

  • Termasuk semua kemas kini dan ciri masa hadapan

  • Jaminan wang dikembalikan

Soalan Lazim

Apa yang DivMagic lakukan?

DivMagic membolehkan anda menyalin, menukar dan menggunakan elemen web dengan mudah. Ia adalah alat serba boleh yang menukar HTML dan CSS kepada beberapa format, termasuk CSS Sebaris, CSS Luaran, CSS Tempatan dan CSS Tailwind.

Anda boleh menyalin mana-mana elemen daripada mana-mana tapak web sebagai komponen boleh guna semula dan menampalnya terus ke pangkalan kod anda.

Bagaimana cara saya menggunakannya?

Mula-mula, pasang sambungan DivMagic. Navigasi ke mana-mana tapak web dan klik pada ikon sambungan. Kemudian, pilih mana-mana elemen pada halaman. Kod - dalam format yang anda pilih - akan disalin dan sedia untuk ditampal ke dalam projek anda.

Anda boleh menonton video demo untuk melihat cara ia berfungsi

Apakah pelayar yang disokong?

Anda boleh mendapatkan sambungan untuk Chrome dan Firefox.

Sambungan Chrome berfungsi pada semua penyemak imbas berasaskan Chromium seperti Brave dan Edge.

Apakah polisi bayaran balik?

Jika anda tidak berpuas hati dengan DivMagic, hantarkan e-mel kepada kami dalam tempoh 30 hari selepas pembelian anda dan kami akan mengembalikan wang anda, tiada soalan yang diajukan.

support@divmagic.com

Bagaimanakah saya boleh mengubah suai langganan saya?

Anda boleh mengubah suai langganan anda dengan pergi ke portal pelanggan.
Portal Pelanggan

Adakah ia berfungsi pada semua tapak web?

ya. Ia akan menyalin mana-mana elemen dari mana-mana tapak web, menukarnya ke dalam format pilihan anda. Anda juga boleh menyalin elemen yang dilindungi oleh iframe.

Tapak web yang anda salin boleh dibina dengan sebarang rangka kerja, DivMagic akan berfungsi pada kesemuanya.

Walaupun jarang, unsur tertentu mungkin tidak disalin dengan sempurna - jika anda menemui sebarang, sila laporkan kepada kami.

Walaupun elemen tidak disalin dengan betul, anda masih boleh menggunakan kod yang disalin sebagai titik permulaan dan membuat perubahan padanya.

Adakah penukaran CSS Tailwind berfungsi pada semua tapak web?

ya. Tapak web yang anda salin boleh dibina dengan sebarang rangka kerja, DivMagic akan berfungsi pada kesemuanya.

Tapak web tidak perlu dibina dengan Tailwind CSS, DivMagic akan menukar CSS kepada Tailwind CSS untuk anda.

Apakah batasannya?

Had terbesar ialah tapak web yang menggunakan JavaScript untuk mengubah suai paparan kandungan halaman. Dalam kes sedemikian, kod yang disalin mungkin tidak betul. Jika anda menjumpai unsur sedemikian, sila laporkan kepada kami.

Walaupun elemen tidak disalin dengan betul, anda masih boleh menggunakan kod yang disalin sebagai titik permulaan dan membuat perubahan padanya.

Berapa kerapkah terdapat kemas kini untuk DivMagic?

DivMagic dikemas kini dengan kerap. Kami sentiasa menambah ciri baharu dan menambah baik ciri sedia ada.

Kami mengeluarkan kemas kini setiap 1-2 minggu. Lihat Changelog kami untuk senarai semua kemas kini.

Changelog

Ingin mengikuti perkembangan terkini?
Sertai senarai e-mel DivMagic!

Jadilah orang pertama yang mengetahui tentang berita, ciri baharu dan banyak lagi!

Nyahlanggan pada bila-bila masa. Tiada spam.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Hak cipta terpelihara.