divmagic DivMagic

Salin reka bentuk dari mana-mana laman web

Salin kod mana-mana elemen tapak web dengan mudah dengan satu klik. Cuba sekarang!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Digunakan oleh +8000 pembangun
DIPERCAYAI OLEH +8000 PEMAJU
divmagic
Sambungan Penyemak Imbas Ajaib:
Jimat beratus jam
Serasi Chrome & Firefox
+1 Juta Elemen Disalin
Sokongan terpantas
Pemilih warna, penyalinan fon & alatan bersepadu lain
Buat perpustakaan komponen anda sendiri

Digunakan oleh +8000 pembangun di:

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.

DivMagic Toolbox

Semua alatan yang anda perlukan untuk pembangunan web di satu tempat.

Anda boleh menyalin fon daripada tapak web dan menggunakannya secara langsung dalam projek anda. Anda boleh menyalin warna dari mana-mana tapak web dan menggunakannya secara langsung dalam projek anda. Tukar mana-mana warna ke dalam sebarang format. Tambah Grid.

Dan banyak lagi...

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

Anda boleh mengeksport elemen yang disalin ke WordPress (HTML ke WordPress Gutenberg). Ini akan membolehkan anda menggunakan elemen yang disalin dalam WordPress Gutenberg Editor.

Maklumat lanjut di sini

KOTAK PERALATAN

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

MENYALIN fon

Anda boleh menyalin fon daripada tapak web dan menggunakannya secara langsung dalam projek anda.

PEMILIH WARNA

Anda boleh menyalin warna dari mana-mana tapak web dan menggunakannya secara langsung dalam projek anda. Tukar sebarang warna ke dalam format apa pun.

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

Addon yang sangat membantu! Dibayar untuk produk penuh kerana ia menjimatkan masa dan usaha saya.

Torra Laq

Alat yang menarik perhatian. Alat yang sangat membantu untuk pembangun”

testimonial author
Talha Tonmoy

Pembangun Divmagic hebat.

Lewis

“Alat hebat ini telah banyak mengurangkan masa yang saya habiskan untuk tugasan dan sesuai dengan rutin kerja saya. Ia adalah alat penting bagi mereka dalam bidang pembangunan tapak web. Sokongan Teknikal membantu saya dalam masa beberapa jam selepas permintaan saya. Mengagumkan.”

testimonial author
Vasttee Design

Alat terbaik yang pernah menjimatkan banyak masa perlu Meningkatkan beberapa media responsif JSX yang lain sangat membantu sepenuhnya”

testimonial author
Azfar Masood
Lihat lebih banyak testimoni

penentuan harga

Berfungsi di setiap laman web

Tersedia untuk Chrome dan Firefox

Polisi bayaran balik penuh

Kemas kini berterusan & ciri baharu

Sokongan yang berdedikasi dan pantas

Digunakan oleh +8000 pembangun

"Membayar untuk dirinya sendiri hampir serta-merta"

Brendan - Pengguna DivMagic

Dijamin menjimatkan masa dan wang anda

  • Akses seumur hidup
  • Tersedia untuk Google Chrome
  • Semua penyemak imbas berasaskan Chromium
  • Tersedia untuk Firefox
  • Gunakan pada 2 peranti
  • Integrasi Studio DivMagic
  • Termasuk semua kemas kini masa hadapan
  • Sokongan terpantas
  • Penggunaan tanpa had
  • Jaminan wang dikembalikan
🎁 Jimat $145 - Diskaun untuk masa yang terhad
$345
$200
Bayaran sekali - Bayar sekali, guna selamanya
Dapatkan Sekarang

Bulanan

$16/bulan

Semua ciri DivMagic disertakan
Batalkan bila-bila masa

setiap tahun

$96/tahun

Semua ciri DivMagic disertakan
Batalkan bila-bila masa

"Pelanggan sentiasa datang dengan reka bentuk yang mereka suka dan kami boleh menyalinnya dengan mudah dengan DivMagic. Sudah tentu alat yang mesti ada untuk agensi kami. Menyelamatkan kami berjam-jam!"

Andrew - Pengguna & Pemilik Agensi DivMagic

Dijamin untuk meningkatkan produktiviti pasukan anda

  • Putar ahli pasukan mengikut keperluan
  • Batalkan bila-bila masa
  • Perpustakaan Komponen Pasukan
  • Integrasi Studio Pasukan (akan datang)

Rancangan Pasukan

$20/bulan

setiap ahli pasukan
Dapatkan Rancangan Pasukan

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

Apakah yang berlaku kepada akaun pembayaran sekali saya jika DivMagic ditutup?

Kami ingin memastikan anda berasa selamat dengan pembelian anda. Kami merancang untuk berada dalam tempoh yang sangat lama, tetapi jika DivMagic pernah ditutup, kami akan menghantar kod sambungan kepada semua pengguna yang telah membuat pembayaran sekali, membolehkan anda menggunakannya di luar talian selama-lamanya.

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.

© 2024 DivMagic, Inc. Hak cipta terpelihara.