您可以取得任何網站上任何元素的 HTML/CSS 程式碼。
只需點擊一下,您就可以複製任何網站上任何元素的程式碼。
如果需要,您也可以一鍵複製整頁。
您可以複製要複製的元素的媒體查詢。
這將使複製的樣式回應。
您可以將任何 CSS 程式碼轉換為 Tailwind CSS。
您從中複製的網站不需要使用 Tailwind CSS。
DivMagic 會將任何 CSS 程式碼轉換為 Tailwind CSS(甚至是顏色!)
您可以從 iframe 複製程式碼。
有些網站會將內容放入 iframe 以防止您複製它。 DivMagic 可以透過 iframe 複製程式碼。
直接透過瀏覽器的開發工具使用 DivMagic
您無需彈出擴充功能即可使用 DivMagic 的強大功能
將網路元素轉換並擷取為可重複使用元件,同時保留在開發者控制台中。
您可以將任何元件轉換為 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(HTML 到 WordPress Gutenberg)。這將允許您在 WordPress 古騰堡編輯器中使用複製的元素。
更多資訊請參閱此處將 Web 開發所需的所有工具集中於一處。即時編輯、顏色選擇器、調試器等等。
您可以從網站複製字體並直接在您的專案中使用它們。
您可以從任何網站複製顏色並直接在您的專案中使用它們。將任何顏色轉換為任何格式。
© 2024 DivMagic, Inc. 保留所有權利。