divmagic DivMagic

Sao chép thiết kế từ bất kỳ trang web nào

Dễ dàng sao chép mã của bất kỳ thành phần trang web nào chỉ bằng một cú nhấp chuột. Thử ngay bây giờ!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Được sử dụng bởi hơn 8000 nhà phát triển
ĐƯỢC +8000 NHÀ PHÁT TRIỂN TIN TƯỞNG
divmagic
Tiện ích mở rộng trình duyệt kỳ diệu:
Tiết kiệm hàng trăm giờ
Tương thích với Chrome & Firefox
+1 triệu phần tử được sao chép
Hỗ trợ nhanh nhất
Bộ chọn màu, sao chép phông chữ và các công cụ tích hợp khác
Tạo thư viện thành phần của riêng bạn

Được sử dụng bởi hơn 8000 nhà phát triển tại:

Lấy mã của bất kỳ thành phần nào trên bất kỳ trang web nào

Bạn có thể lấy mã HTML/CSS của bất kỳ thành phần nào trên bất kỳ trang web nào.
Chỉ với một cú nhấp chuột, bạn có thể sao chép mã của bất kỳ thành phần nào trên bất kỳ trang web nào.
Bạn cũng có thể sao chép toàn bộ trang chỉ bằng một cú nhấp chuột nếu muốn.

Media Query Hỗ trợ (Đáp ứng)

Bạn có thể sao chép truy vấn phương tiện của phần tử bạn đang sao chép.

Điều này sẽ làm cho kiểu được sao chép có tính phản hồi cao.

Chuyển đổi CSS sang CSS Tailwind

Bạn có thể chuyển đổi bất kỳ mã CSS nào thành CSS Tailwind.

Trang web bạn đang sao chép không cần sử dụng CSS Tailwind.

DivMagic sẽ chuyển đổi bất kỳ mã CSS nào thành CSS Tailwind (kể cả màu sắc!)

Sao chép mã qua iframe

Bạn có thể sao chép mã từ iframe.

Một số trang web đưa nội dung vào iframe để ngăn bạn sao chép nội dung đó. DivMagic có thể sao chép mã thông qua iframe.

DevTools Tích hợp

Sử dụng DivMagic ngay từ các công cụ phát triển trên trình duyệt của bạn

Bạn có thể truy cập sức mạnh của DivMagic mà không cần bật tiện ích mở rộng lên

Chuyển đổi và nắm bắt các thành phần web thành các thành phần có thể tái sử dụng, tất cả đều nằm trong bảng điều khiển dành cho nhà phát triển của bạn.

Chuyển đổi bất kỳ thành phần nào thành React/JSX

Bạn có thể chuyển đổi bất kỳ thành phần nào thành JSX.

Bạn có thể lấy bất kỳ phần nào bạn sao chép dưới dạng thành phần React/JSX. Không cần phải kiểm tra mã.

Ngay cả khi trang web không sử dụng React.

DivMagic Studio Tích hợp

Bạn có thể xuất phần tử đã sao chép sang DivMagic Studio.

Điều này sẽ cho phép bạn chỉnh sửa phần tử và thực hiện các thay đổi đối với nó một cách dễ dàng.

Bạn có thể lưu các thành phần của mình trong DivMagic Studio và truy cập chúng bất kỳ lúc nào.

DivMagic Toolbox

Tất cả công cụ bạn cần để phát triển web đều ở một nơi.

Bạn có thể sao chép phông chữ từ các trang web và sử dụng trực tiếp chúng trong các dự án của mình. Bạn có thể sao chép màu sắc từ bất kỳ trang web nào và sử dụng trực tiếp chúng trong các dự án của mình. Chuyển đổi bất kỳ màu nào sang bất kỳ định dạng nào. Thêm lưới.

Và hơn thế nữa...

Tất cả công cụ bạn cần để xây dựng những trang web tuyệt vời nhanh hơn

Có được thiết kế tốt nhất mà không phải tốn hàng giờ cho nó

KIỂM TRA

Lấy mã của bất kỳ thành phần nào trên bất kỳ trang web nào. DivMagic cung cấp mã gọn gàng và rõ ràng nhất để bạn sử dụng trong các dự án của mình.

CHUYỂN ĐỔI

Chuyển đổi bất kỳ thành phần nào thành React/JSX. Bạn có thể lấy bất kỳ phần nào bạn sao chép dưới dạng thành phần React/JSX. Bất kể khuôn khổ của trang web.

CSS TAILWIND

Chuyển đổi CSS sang CSS Tailwind. DivMagic sẽ chuyển đổi bất kỳ mã CSS nào thành CSS Tailwind (kể cả màu sắc!). Trang web bạn đang sao chép không cần sử dụng CSS Tailwind.

HỖ TRỢ IFRAME

Sao chép mã từ iframe. Một số trang web đưa nội dung vào iframe để ngăn bạn sao chép nội dung đó. DivMagic có thể sao chép mã thông qua iframe.

PHẢN ỨNG NHANH NHẸN

Bạn có thể sao chép truy vấn phương tiện của phần tử hoặc trang bạn đang sao chép. Điều này sẽ làm cho kiểu được sao chép có tính phản hồi cao.

TÍCH HỢP DEVTOOLS

Sử dụng DivMagic ngay từ các công cụ phát triển trên trình duyệt của bạn. Bạn có thể truy cập tất cả chức năng của DivMagic mà không cần bật tiện ích mở rộng lên.

TÍCH HỢP STUDIO

Bạn có thể xuất phần tử đã sao chép sang DivMagic Studio - một trình chỉnh sửa trực tuyến mạnh mẽ để chỉnh sửa phần tử và thực hiện các thay đổi đối với nó một cách dễ dàng.

SAO CHÉP TRANG ĐẦY ĐỦ

Bạn có thể sao chép toàn bộ trang chỉ bằng một cú nhấp chuột.

TÍCH HỢP WORDPRESS

Bạn có thể xuất phần tử đã sao chép sang WordPress (HTML sang WordPress Gutenberg). Điều này sẽ cho phép bạn sử dụng phần tử được sao chép trong WordPress Gutenberg Editor.

Thông tin thêm tại đây

HỘP CÔNG CỤ

Tất cả công cụ bạn cần để phát triển web đều ở một nơi. Chỉnh sửa trực tiếp, chọn màu, gỡ lỗi và hơn thế nữa.

SAO CHÉP PHÔNG CHỮ

Bạn có thể sao chép phông chữ từ các trang web và sử dụng trực tiếp chúng trong các dự án của mình.

MÁY CHỌN MÀU

Bạn có thể sao chép màu từ bất kỳ trang web nào và trực tiếp sử dụng chúng trong dự án của mình. Chuyển đổi bất kỳ màu nào sang bất kỳ định dạng nào.

Được
các
nhà
phát
triển
thiết
kế
yêu
thích

“Tuyệt vời! Điều này đã tăng năng suất của tôi lên gấp 1000 lần. Thật dễ dàng để sao chép mã Tailwind cho nội dung hiện có trên internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Cực kỳ hữu ích! Không còn nghi ngờ gì nữa, nó rất tiết kiệm thời gian!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Tiện ích mở rộng của Chrome để chuyển đổi các phần tử trực tiếp thành Tailwind CSS (bao gồm cả màu sắc).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Đúng thứ tôi đang tìm kiếm! Hoạt động tốt với những gì tôi cố gắng.”

testimonial author
Will Bowman

Hoạt động tuyệt vời! Đầu ra rất nhỏ nên rất dễ sửa đổi cho trường hợp sử dụng của tôi!”

Nichole Peterson

Nhà phát triển giao diện người dùng PHẢI!! Tôi thực sự yêu thích cách nó hoạt động tốt với React và Tailwind. Sự dễ dàng của UI và UX là điều tôi thích nhất.”

Steven J.

“Tôi rất khuyến khích điều đó, thật kỳ diệu!”

Javier

“Bây giờ tôi có thể ăn cắp thiết kế thậm chí còn dễ dàng hơn! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Công cụ tuyệt vời, giá trị của nó vượt xa giá thành.”

testimonial author
Bryan Brooks

DivMagic là một kho báu, đơn giản là công cụ tốt nhất để lấy phần đó của trang web và mang nó đến cho bạn một cách hoàn hảo. Hãy dùng thử, chi phí bạn sẽ trả lại cho bạn trong thời gian tiết kiệm được tính bằng ngày.”

testimonial author
Victor Rhea

“Công cụ trả phí tuyệt vời, đáng đồng tiền bát gạo!”

testimonial author
Daniro

Công cụ tuyệt vời và tiết kiệm thời gian rất nhiều. Nếu bạn là nhà phát triển và muốn có được thiết kế giao diện người dùng một cách nhanh chóng thì công cụ này thật tuyệt vời.”

testimonial author
Martin Young

“Rất vui khi có nó trên trình duyệt của tôi”

testimonial author
Reza Hartana

“Công cụ tuyệt vời sẽ tiết kiệm rất nhiều thời gian trong quá trình phát triển.”

testimonial author
Jackie Chong

Hoạt động cực kỳ tốt - Ngay cả với React + TailwindCSS. Rất ấn tượng.”

testimonial author
J L

“Công cụ tuyệt vời! Tôi thích việc sử dụng mạnh mẽ và dễ dàng nó hoạt động. Nếu bạn là nhà phát triển, đừng suy nghĩ kỹ và hãy đảm bảo có được nó.

testimonial author
Giuliani Prosecutor

“Công cụ tuyệt vời. Khi kết hợp với các thành phần Tailwind, bạn có thể dễ dàng tiết kiệm hàng giờ trong vòng 30 phút sử dụng đầu tiên. Trả tiền cho chính nó gần như ngay lập tức.”

testimonial author
Brendan OC

“Trước đây, tôi đã thử nghiệm hơn 3 công cụ tương tự - DivMagic cho đến nay dễ dàng là một trong những công cụ hàng đầu về chất lượng.

testimonial author
John Techozens

“Công cụ tuyệt vời, nếu bạn xây dựng trang web thì bạn biết đây là điều không cần phải đắn đo. Tiết kiệm được rất nhiều giờ khi làm rối các mẫu và sửa đổi css.”

testimonial author
Kevin McGrew

Phần bổ sung siêu hữu ích! Được trả tiền cho toàn bộ sản phẩm vì nó giúp tôi tiết kiệm thời gian và công sức.

Torra Laq

Công cụ gây ấn tượng mạnh. Công cụ rất hữu ích cho các nhà phát triển”

testimonial author
Talha Tonmoy

Nhà phát triển Divmagic thật tuyệt.

Lewis

“Công cụ tuyệt vời này đã giúp tôi giảm đáng kể thời gian dành cho công việc và phù hợp hoàn toàn với thói quen làm việc của tôi. Đây là một công cụ quan trọng dành cho những người làm trong lĩnh vực phát triển trang web. Bộ phận Hỗ trợ Kỹ thuật đã giúp tôi trong vòng vài giờ kể từ khi tôi yêu cầu. Ấn tượng.”

testimonial author
Vasttee Design

Công cụ tốt nhất từng tiết kiệm rất nhiều thời gian cần Cải thiện một số phương tiện phản hồi JSX khác rất hữu ích”

testimonial author
Azfar Masood
Xem thêm lời chứng thực

Định giá

Hoạt động trên mọi trang web

Có sẵn cho Chrome và Firefox

Chính sách hoàn trả đầy đủ

Cập nhật liên tục và các tính năng mới

Hỗ trợ tận tình và nhanh chóng

Được sử dụng bởi +8000 nhà phát triển

"Tự trả tiền gần như ngay lập tức"

Brendan - Người dùng DivMagic

Đảm bảo giúp bạn tiết kiệm thời gian và tiền bạc

  • Truy cập trọn đời
  • Có sẵn cho Google Chrome
  • Tất cả các trình duyệt dựa trên Chrome
  • Có sẵn cho Firefox
  • Sử dụng trên 2 thiết bị
  • Tích hợp DivMagic Studio
  • Bao gồm tất cả các bản cập nhật trong tương lai
  • Hỗ trợ nhanh nhất
  • Sử dụng không giới hạn
  • Đảm bảo lại tiền
🎁 Tiết kiệm $145 - Giảm giá trong thời gian có hạn
$345
$200
Thanh toán một lần - Thanh toán một lần, sử dụng mãi mãi
Có được bây giờ

hàng tháng

$16/tháng

Bao gồm tất cả các tính năng của DivMagic
Hủy bất cứ lúc nào

Hàng năm

$96/năm

Bao gồm tất cả các tính năng của DivMagic
Hủy bất cứ lúc nào

"Khách hàng luôn có một thiết kế họ thích và chúng tôi có thể dễ dàng sao chép nó bằng DivMagic. Chắc chắn là một công cụ phải có cho cơ quan của chúng tôi. Tiết kiệm cho chúng tôi vô số giờ!"

Andrew - Người dùng DivMagic & Chủ sở hữu đại lý

Đảm bảo cải thiện năng suất của nhóm bạn

  • Luân chuyển thành viên trong nhóm khi cần thiết
  • Hủy bất cứ lúc nào
  • Thư viện thành phần nhóm
  • Tích hợp Team Studio (sắp ra mắt)

Kế hoạch nhóm

$20/tháng

mỗi thành viên trong nhóm
Nhận kế hoạch nhóm

Các câu hỏi thường gặp

DivMagic làm gì?

DivMagic cho phép bạn sao chép, chuyển đổi và sử dụng các thành phần web một cách dễ dàng. Đây là một công cụ linh hoạt giúp chuyển đổi HTML và CSS sang nhiều định dạng, bao gồm CSS nội tuyến, CSS bên ngoài, CSS cục bộ và CSS Tailwind.

Bạn có thể sao chép bất kỳ thành phần nào từ bất kỳ trang web nào dưới dạng thành phần có thể tái sử dụng và dán trực tiếp vào cơ sở mã của mình.

Làm thế nào để tôi sử dụng nó?

Đầu tiên, cài đặt tiện ích mở rộng DivMagic. Điều hướng đến bất kỳ trang web nào và nhấp vào biểu tượng tiện ích mở rộng. Sau đó, chọn bất kỳ thành phần nào trên trang. Mã - ở định dạng bạn đã chọn - sẽ được sao chép và sẵn sàng dán vào dự án của bạn.

Bạn có thể xem video demo để biết nó hoạt động như thế nào

Các trình duyệt được hỗ trợ là gì?

Bạn có thể tải tiện ích mở rộng cho Chrome và Firefox.

Tiện ích mở rộng Chrome hoạt động trên tất cả các trình duyệt dựa trên Chrome như Brave và Edge.

chính sách hoàn trả là gì?

Nếu bạn không hài lòng với DivMagic, hãy gửi email cho chúng tôi trong vòng 30 ngày kể từ ngày mua và chúng tôi sẽ hoàn lại tiền cho bạn mà không cần thắc mắc.

support@divmagic.com

Làm cách nào để sửa đổi đăng ký của tôi?

Bạn có thể sửa đổi đăng ký của mình bằng cách truy cập cổng thông tin khách hàng.
cổng thông tin khách hàng

Nó có hoạt động trên tất cả các trang web không?

Đúng. Nó sẽ sao chép bất kỳ phần tử nào từ bất kỳ trang web nào, chuyển đổi nó sang định dạng bạn đã chọn. Bạn thậm chí có thể sao chép các phần tử được bảo vệ bởi iframe.

Trang web bạn đang sao chép có thể được xây dựng bằng bất kỳ framework nào, DivMagic sẽ hoạt động trên tất cả chúng.

Mặc dù hiếm nhưng một số thành phần nhất định có thể không sao chép hoàn hảo - nếu bạn gặp phải bất kỳ thành phần nào, vui lòng báo cáo cho chúng tôi.

Ngay cả khi phần tử không được sao chép chính xác, bạn vẫn có thể sử dụng mã được sao chép làm điểm bắt đầu và thực hiện các thay đổi đối với nó.

Tính năng chuyển đổi CSS Tailwind có hoạt động trên tất cả các trang web không?

Đúng. Trang web bạn đang sao chép có thể được xây dựng bằng bất kỳ framework nào, DivMagic sẽ hoạt động trên tất cả chúng.

Trang web không cần phải xây dựng bằng Tailwind CSS, DivMagic sẽ chuyển CSS sang Tailwind CSS cho bạn.

Những hạn chế là gì?

Hạn chế lớn nhất là các trang web sử dụng JavaScript để sửa đổi cách hiển thị nội dung trang. Trong những trường hợp như vậy, mã được sao chép có thể không chính xác. Nếu bạn tìm thấy bất kỳ yếu tố nào như vậy, vui lòng báo cáo cho chúng tôi.

Ngay cả khi phần tử không được sao chép chính xác, bạn vẫn có thể sử dụng mã được sao chép làm điểm bắt đầu và thực hiện các thay đổi đối với nó.

Bao lâu thì có bản cập nhật cho DivMagic?

DivMagic được cập nhật thường xuyên. Chúng tôi liên tục bổ sung các tính năng mới và cải thiện những tính năng hiện có.

Chúng tôi phát hành bản cập nhật cứ sau 1-2 tuần. Xem Nhật ký thay đổi của chúng tôi để biết danh sách tất cả các bản cập nhật.

Nhật ký thay đổi

Điều gì xảy ra với tài khoản thanh toán một lần của tôi nếu DivMagic ngừng hoạt động?

Chúng tôi muốn đảm bảo rằng bạn cảm thấy an tâm khi mua hàng. Chúng tôi dự định sẽ tồn tại trong một thời gian rất dài, nhưng nếu DivMagic ngừng hoạt động, chúng tôi sẽ gửi mã của tiện ích mở rộng tới tất cả người dùng đã thực hiện thanh toán một lần, cho phép bạn sử dụng nó ngoại tuyến vô thời hạn.

Bạn muốn ở lại đến ngày?
Tham gia danh sách email DivMagic!

Hãy là người đầu tiên biết về tin tức, tính năng mới và hơn thế nữa!

Hủy đăng ký bất cứ lúc nào. Không có thư rác.

© 2024 DivMagic, Inc. Mọi quyền được bảo lưu.