eXtract Snippet: Wyodrębnij kod HTML/CSS z łatwością
eXtract Snippet to przydatne rozszerzenie dla przeglądarki Chrome, opracowane przez Melwyna Pawara, które umożliwia użytkownikom łatwe wyodrębnianie fragmentów kodu HTML i CSS z witryn. Dzięki tej narzędziu można inspekcjonować dowolny element na stronie i szybko uzyskać odpowiadający mu kod HTML i CSS.
Aby korzystać z eXtract Snippet, wystarczy zainstalować to rozszerzenie i otworzyć narzędzia deweloperskie przeglądarki Chrome, klikając prawym przyciskiem myszy na element, który chcesz sprawdzić, i wybierając "Sprawdź element". W narzędziach deweloperskich znajdziesz panel o nazwie "eXtract HTML CSS". Kliknij ten panel, a następnie kliknij przycisk "Pobierz kod HTML/CSS z badanego elementu".
eXtractor wyfiltrowuje tylko istotny kod CSS i wyodrębnia kod HTML dla badanego fragmentu. Przetwarzanie mniejszych fragmentów odbywa się szybko, ale większe fragmenty mogą wymagać trochę więcej czasu. Ostatecznie wyodrębniony kod jest bardzo zbliżony do rzeczywistego fragmentu na stronie.
Dodatkowo, eXtract Snippet umożliwia podgląd wyodrębnionego kodu na popularnych platformach takich jak CodePen, JSFiddle lub JSbin. Wystarczy kliknąć odpowiednie przyciski poniżej wyodrębnionego kodu, aby zobaczyć, jak to działa w praktyce.
Należy zauważyć, że wersja 1.4 eXtract Snippet obsługuje również wyodrębnianie kodu HTML i CSS z ramek (iframes), co czyni go jeszcze bardziej wszechstronnym dla programistów i projektantów stron internetowych.
