如何將 DivMagic 與 DevTools 一起使用
- 開啟開發者控制台:
右鍵單擊頁面並選擇“檢查”或僅使用快捷方式導航到瀏覽器的開發人員控制台
- 找到 DivMagic 選項卡:
進入開發者控制台後，找到位於「Elements」、「Console」等其他標籤旁邊的「DivMagic」標籤。
- 選擇一個元素:
導航至要從中複製的網頁，然後使用開發工具中的 DivMagic 標籤選擇並捕獲任何所需的元素。
- 複製和轉換:
選擇元素後，您可以複製其樣式，將其轉換為可重複使用的 CSS、Tailwind CSS、React 或 JSX 程式碼等 - 所有這些都來自 DevTools。
如果 DevTools 標籤未顯示在您的瀏覽器上，請確保您從彈出視窗中啟用了它，然後開啟一個新選項卡，然後重試。
權限更新
透過新增 DevTools，我們更新了擴充權限。這允許擴充功能在您訪問的所有網站和多個選項卡上無縫添加 DevTools 面板。
⚠️ 筆記
從擴充功能彈出視窗啟用 DevTools 面板時，Chrome 和 Firefox 將顯示警告，指出該擴充功能可以「讀取和更改您造訪的網站上的所有資料」。雖然措辭令人震驚，但我們向您保證：
最少的資料存取：我們僅存取為您提供 DivMagic 服務所需的最少資料。
資料安全：擴充功能存取的所有資料都保留在您的本機電腦上，不會傳送到任何外部伺服器。您複製的元素是在您的裝置上產生的，不會發送到任何伺服器。
隱私第一：我們致力於保護您的隱私和安全。欲了解更多詳情，您可以查看我們的隱私權政策。
我們感謝您的理解和信任。如果您有任何疑慮或疑問，請隨時聯絡我們的支援團隊。
透過新增 DevTools，我們更新了擴充權限。這允許擴充功能在您訪問的所有網站和多個選項卡上無縫添加 DevTools 面板。
⚠️ 筆記
從擴充功能彈出視窗啟用 DevTools 面板時，Chrome 和 Firefox 將顯示警告，指出該擴充功能可以「讀取和更改您造訪的網站上的所有資料」。雖然措辭令人震驚，但我們向您保證：
最少的資料存取：我們僅存取為您提供 DivMagic 服務所需的最少資料。
資料安全：擴充功能存取的所有資料都保留在您的本機電腦上，不會傳送到任何外部伺服器。您複製的元素是在您的裝置上產生的，不會發送到任何伺服器。
隱私第一：我們致力於保護您的隱私和安全。欲了解更多詳情，您可以查看我們的隱私權政策。
我們感謝您的理解和信任。如果您有任何疑慮或疑問，請隨時聯絡我們的支援團隊。