如何将 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 服务所需的最少数据。
数据安全：扩展程序访问的所有数据都保留在您的本地计算机上，不会发送到任何外部服务器。您复制的元素是在您的设备上生成的，不会发送到任何服务器。
隐私第一：我们致力于保护您的隐私和安全。欲了解更多详情，您可以查看我们的隐私政策。
我们感谢您的理解和信任。如果您有任何疑虑或疑问，请随时联系我们的支持团队。