DivMagic DevTools

Как использовать DivMagic с DevTools

• Открыть консоль разработчика:

  Перейдите в консоль разработчика вашего браузера, щелкнув правой кнопкой мыши на своей странице и выбрав «Проверить» или просто используя ярлык.

• Найдите вкладку DivMagic.:

  Внутри консоли разработчика найдите вкладку «DivMagic», расположенную рядом с другими вкладками, такими как «Элементы», «Консоль» и т. д.

• Выберите элемент:

  Перейдите на веб-страницу, с которой вы хотите скопировать, и используйте вкладку DivMagic в инструментах разработчика, чтобы выбрать и захватить любой желаемый элемент.

• Копировать и конвертировать:

  После выбора элемента вы можете скопировать его стили, преобразовать его в код CSS многократного использования, Tailwind CSS, React или JSX и т. д. — и все это из DevTools.

Если вкладка DevTools не отображается в вашем браузере, убедитесь, что вы включили ее во всплывающем окне, откройте новую вкладку и повторите попытку.