eXtract Snippet: Извлеките HTML/CSS код с легкостью
eXtract Snippet - это удобное дополнение для Chrome, разработанное Мелвином Паваром, которое позволяет пользователям легко извлекать фрагменты кода HTML и CSS с веб-сайтов. С помощью этого инструмента вы можете осмотреть любой элемент на веб-сайте и быстро получить соответствующий ему код HTML и CSS.
Чтобы использовать eXtract Snippet, просто установите это дополнение и откройте инструменты разработчика Chrome, щелкнув правой кнопкой мыши на элементе, который вы хотите проверить, и выбрав "Проверить элемент". В инструментах разработчика вы найдете панель с названием "eXtract HTML CSS". Нажмите на эту панель, а затем нажмите кнопку "Получить HTML/CSS проверяемого элемента".
Извлекатель будет фильтровать только соответствующий CSS и извлекать код HTML для проверяемого фрагмента. Маленькие фрагменты обрабатываются быстро, но большие фрагменты могут занять некоторое время. Итоговый извлеченный код тесно соответствует фактическому фрагменту на веб-сайте.
Кроме того, eXtract Snippet позволяет предварительно просматривать извлеченный код на популярных платформах, таких как CodePen, JSFiddle или JSbin. Просто нажмите на соответствующие кнопки под извлеченным кодом, чтобы увидеть, как это работает в действии.
Обратите внимание, что версия 1.4 eXtract Snippet также поддерживает извлечение HTML и CSS из iframe, что делает его еще более универсальным для веб-разработчиков и дизайнеров.