您可以獲取任何網站上任何元素的 HTML/CSS 代碼。
一鍵複製任意網站任意元素的代碼。
如果需要,您還可以一鍵複製整頁。
您可以複製正在複製的元素的媒體查詢。
這將使複製的樣式具有響應性。
您可以將任何 CSS 代碼轉換為 Tailwind CSS。
您從中復制的網站不需要使用 Tailwind CSS。
DivMagic 會將任何 CSS 代碼轉換為 Tailwind CSS(甚至是顏色!)
您可以從 iframe 複製代碼。
有些網站將內容放在 iframe 中以防止您複製它。 DivMagic 可以通過 iframe 複製代碼。
直接透過瀏覽器的開發工具使用 DivMagic
您無需彈出擴充功能即可使用 DivMagic 的強大功能
將 Web 元素轉換並擷取為可重複使用元件,同時保留在開發人員控制台中。
您可以將任何組件轉換為 JSX。
您可以獲得作為 React/JSX 組件複製的任何部分。無需檢查代碼。
即使網站不使用 React。
您可以將複製的元素匯出到 DivMagic Studio。
這將允許您輕鬆編輯元素並對其進行更改。
您可以將元件保存在 DivMagic Studio 中並隨時存取它們。
Web 開發所需的所有工具都集中在一個地方。
您可以從網站複製字體並直接在您的專案中使用它們。您可以從任何網站複製顏色並直接在您的專案中使用它們。將任何顏色轉換為任何格式。新增網格。
和更多...
取得任何網站上任何元素的程式碼。 DivMagic 提供最緊湊、最乾淨的程式碼供您在專案中使用。
Know what technologies a site uses with one click.
將任何元件轉換為 React/JSX。您可以獲得作為 React/JSX 元件複製的任何部分。與網站的框架無關。
將 CSS 轉換為 Tailwind CSS。 DivMagic 會將任何 CSS 程式碼轉換為 Tailwind CSS(甚至是顏色!)。您從中複製的網站不需要使用 Tailwind CSS。
從 iframe 複製程式碼。有些網站將內容放在 iframe 中以防止您複製它。 DivMagic 可以透過 iframe 複製程式碼。
您可以複製要複製的元素或頁面的媒體查詢。這將使複製的樣式具有響應性。
直接透過瀏覽器的開發工具使用 DivMagic。您無需彈出擴充功能即可存取 DivMagic 的所有功能。
您可以將複製的元素匯出到 DivMagic Studio - 一個強大的線上編輯器,可以輕鬆編輯元素並對其進行更改。
您可以一鍵複製整頁。
(即將推出)- 您可以將複製的元素匯出到 WordPress。這將允許您在 WordPress 編輯器中使用複製的元素。
Web 開發所需的所有工具都集中在一個地方。即時編輯、顏色選擇器、調試器等等。
您可以從網站複製字體並直接在您的專案中使用它們。
您可以從任何網站複製顏色並直接在您的專案中使用它們。將任何顏色轉換為任何格式。
“驚人的! 這使我的工作效率提高了 1000 倍。可以輕鬆地為互聯網上的現有內容複製 Tailwind 代碼。”
“非常有用!毫無疑問,它非常節省時間!”
“🛠️ DivMagic 👉🏻 一個 Chrome 擴展,可將元素直接轉換為 Tailwind CSS(包括顏色)。”
“正是我正在尋找的!在我嘗試的事情上做得很好。”
“效果很好!輸出非常小,這使得它很容易根據我的用例進行修改!”
“前端開發必須!!我真的很喜歡它與 React 和 Tailwind 的良好配合。 UI 和 UX 的易用性是我最喜歡的。”
“我強烈推薦它,它太神奇了!”
“現在我可以更輕鬆地竊取設計! 🤭”
“很棒的工具,它的價值遠遠超出了它的成本。”
“DivMagic 是一個寶藏,簡直是獲取網頁的該部分並將其完美呈現給您的最佳工具。 嘗試一下,您的成本將在幾天之內返還給您。”
“很棒的付費工具,物有所值!”
“很棒的工具,可以節省大量時間。如果您是開發人員並且想要快速獲得 UI 設計的方法,那麼這個工具就很棒。”
“很高興在我的瀏覽器上使用它”
“很棒的工具,將在開發過程中為您節省大量時間。”
“工作得很好 - 即使使用 React + TailwindCSS。印象非常深刻。”
“神奇的工具!我喜歡它強大的用途和輕鬆的工作方式。 如果您是開發人員,請不要三思而後行並確保獲得它。”
“很棒的工具。與 Tailwind 組件搭配使用,您可以在使用的前 30 分鐘內輕鬆節省時間。幾乎立即就能收回成本。”
“我過去測試過 3 個以上類似的工具 - DivMagic 迄今為止在質量方面很容易成為頂級工具之一。”
“很棒的工具,如果您建立網站,您就會知道這是輕而易舉的事情。 節省了大量時間搞亂模板和修改 CSS。”
“超有用的插件!為完整產品付費,因為它節省了我的時間和精力。”
“令人興奮的工具。對於開發人員來說非常非常有用的工具”
適用於每個網站
適用於 Chrome 和 Firefox
不斷更新和新功能
超過 7000 位開發者使用過
Brendan - DivMagic 用戶
保證節省您的時間和金錢
Andrew - DivMagic 用戶和機構所有者
保證提高您團隊的生產力
DivMagic 可讓您輕鬆複製、轉換和利用 Web 元素。它是一款多功能工具,可將 HTML 和 CSS 轉換為多種格式,包括內聯 CSS、外部 CSS、本地 CSS 和 Tailwind CSS。
您可以從任何網站複製任何元素作為可重用組件,並將其直接粘貼到您的代碼庫中。
首先,安裝 DivMagic 擴展。導航到任何網站並單擊擴展程序圖標。然後,選擇頁面上的任意元素。代碼 - 以您選擇的格式 - 將被複製並準備粘貼到您的項目中。
您可以觀看演示視頻以了解它是如何工作的
您可以獲得 Chrome 和 Firefox 的擴展程序。
Chrome 擴展適用於所有基於 Chromium 的瀏覽器,例如 Brave 和 Edge。
如果您對 DivMagic 不滿意,請在購買後 30 天內發送電子郵件給我們,我們將無條件退款。
support@divmagic.com
您可以通過訪問客戶門戶來修改您的訂閱。
客戶門戶
是的。它將復制任何網站上的任何元素,並將其轉換為您選擇的格式。您甚至可以復制受 iframe 保護的元素。
您正在復制的網站可以使用任何框架構建,DivMagic 將適用於所有框架。
雖然很少見,但某些元素可能無法完美復制 - 如果您遇到任何情況,請向我們報告。
即使元素未正確複製,您仍然可以使用複制的代碼作為起點並對其進行更改。
是的。您正在復制的網站可以使用任何框架構建,DivMagic 將適用於所有框架。
該網站不需要使用 Tailwind CSS 構建,DivMagic 會為您將 CSS 轉換為 Tailwind CSS。
最大的限制是使用 JavaScript 來修改頁面內容顯示的網站。在這種情況下,複製的代碼可能不正確。如果您發現任何此類元素,請向我們報告。
即使元素未正確複製,您仍然可以使用複制的代碼作為起點並對其進行更改。
DivMagic 定期更新。我們不斷添加新功能並改進現有功能。
我們每 1-2 週發布一次更新。請參閱我們的變更日誌以獲取所有更新的列表。
變更日誌
我們希望確保您在購買時感到放心。我們計劃存在很長一段時間,但如果 DivMagic 關閉,我們會將擴展代碼發送給所有一次性付款的用戶,使您能夠無限期地離線使用它。
成為第一個了解新聞、新功能等的人!
隨時取消訂閱。沒有垃圾郵件。