divmagic Make design
SimpleNowLiveFunMatterSimple

從任何網站複製設計

一鍵輕鬆複製任何網站元素的程式碼。現在就試試吧!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
超過 9000 位開發者使用
受到超過 9000 位開發者的信任
divmagic
神奇的瀏覽器擴充功能:
節省數百小時
Chrome 和 Firefox 相容
已複製 +100 萬個元素
最快的支持
顏色選擇器、字型複製和其他整合工具
建立您自己的元件庫

被超過 9000 位開發者使用,網址為:

取得任何網站上任何元素的程式碼

您可以取得任何網站上任何元素的 HTML/CSS 程式碼。
只需點擊一下,您就可以複製任何網站上任何元素的程式碼。
如果需要,您也可以一鍵複製整頁。

Media Query 支援(響應式)

您可以複製要複製的元素的媒體查詢。

這將使複製的樣式回應。

將 CSS 轉換為 Tailwind CSS

您可以將任何 CSS 程式碼轉換為 Tailwind CSS。

您從中複製的網站不需要使用 Tailwind CSS。

DivMagic 會將任何 CSS 程式碼轉換為 Tailwind CSS(甚至是顏色!)

透過 iframe 複製程式碼

您可以從 iframe 複製程式碼。

有些網站會將內容放入 iframe 以防止您複製它。 DivMagic 可以透過 iframe 複製程式碼。

DevTools 集成

直接透過瀏覽器的開發工具使用 DivMagic

您無需彈出擴充功能即可使用 DivMagic 的強大功能

將網路元素轉換並擷取為可重複使用元件,同時保留在開發者控制台中。

將任何元件轉換為 React/JSX

您可以將任何元件轉換為 JSX。

您可以取得作為 React/JSX 元件複製的任何部分。無需檢查代碼。

即使網站不使用 React。

DivMagic Studio 集成

您可以將複製的元素匯出到 DivMagic Studio。

這將允許您輕鬆編輯元素並對其進行更改。

您可以將元件保存在 DivMagic Studio 中並隨時存取它們。

DivMagic Toolbox

將 Web 開發所需的所有工具集中於一處。

您可以從網站複製字體並直接在您的專案中使用它們。將任何顏色轉換為任何格式。新增網格。

還有更多...

更快地建立令人驚嘆的網站所需的所有工具

無需花費數小時即可獲得最佳設計

檢查員

取得任何網站上任何元素的程式碼。 DivMagic 提供最緊湊、最乾淨的程式碼供您在專案中使用。

CONVERTER

將任何元件轉換為 React/JSX。您可以獲得作為 React/JSX 元件複製的任何部分。與網站的框架無關。

TAILWIND CSS

將 CSS 轉換為 Tailwind CSS。 DivMagic 會將任何 CSS 程式碼轉換為 Tailwind CSS(甚至是顏色!)。您從中複製的網站不需要使用 Tailwind CSS。

IFRAME 支持

從 iframe 複製程式碼。有些網站將內容放入 iframe 中以防止您複製它。 DivMagic 可以透過 iframe 複製程式碼。

響應式

您可以複製要複製的元素或頁面的媒體查詢。這將使複製的樣式具有響應性。

DEVTOOLS 集成

直接透過瀏覽器的開發工具使用 DivMagic。您無需彈出擴充功能即可存取 DivMagic 的所有功能。

工作室集成

您可以將複製的元素匯出到 DivMagic Studio - 一個強大的線上編輯器,可以輕鬆編輯元素並對其進行更改。

整頁副本

您可以一鍵複製整頁。

WORDPRESS 集成

您可以將複製的元素匯出到 WordPress(HTML 到 WordPress Gutenberg)。這將允許您在 WordPress 古騰堡編輯器中使用複製的元素。

更多資訊請參閱此處

工具箱

將 Web 開發所需的所有工具集中於一處。即時編輯、顏色選擇器、調試器等等。

字型複製

您可以從網站複製字體並直接在您的專案中使用它們。

顏色選擇器

您可以從任何網站複製顏色並直接在您的專案中使用它們。將任何顏色轉換為任何格式。

鼓舞人心的評論:那些開始使用 DivMagic
的人

有回饋或問題嗎?透過我們的平台告訴我們,剩下的事情我們會處理!

想要了解最新動態嗎?

加入 DivMagic 電子郵件清單!

Social

條款與政策

© 2024 DivMagic, Inc. 保留所有權利。