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

+ beratus-ratus pemaju lain!

Digunakan oleh pemaju di

Mengurangkan masa pembangunan anda dengan ketara

Cepat dan Mudah

Salin Gaya dengan Satu Klik

Jangan buang masa memikirkan reka bentuk lagi.

Salin semuanya dengan satu klik dalam beberapa saat. Malah laman web yang lengkap.

CSS Tailwind

Tukar mana-mana komponen kepada CSS Tailwind

Anda boleh mendapatkan mana-mana bahagian yang anda salin sebagai komponen CSS Tailwind (walaupun tapak web tidak menggunakan CSS Tailwind)

React/JSX

Tukar mana-mana komponen kepada JSX

Anda boleh mendapatkan mana-mana bahagian yang anda salin sebagai komponen React/JSX

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.

Digemari
oleh
pembangun
dan
pereka

penentuan harga

Berfungsi di setiap laman web

Tersedia untuk Chrome dan Firefox

Polisi bayaran balik penuh
Digunakan oleh +1000 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

  • 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

  • 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

  • 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

© 2023 DivMagic, Inc. Hak cipta terpelihara.