Usuń/Ukryj element pozwala usunąć lub tymczasowo ukryć dowolny element na stronie jednym kliknięciem. Oczyść strony do zrzutów ekranu, usuń rozpraszające reklamy i banery cookie lub przetestuj, jak wygląda układ bez określonych sekcji — wszystko nieniszcząco.
Niezależnie od tego, czy robisz czysty zrzut ekranu do portfolio, testujesz, jak układ strony przepływa po usunięciu sekcji, czy po prostu ukrywasz irytujące nakładki popup, aby móc przeczytać zawartość pod spodem — Usuń/Ukryj element to narzędzie. Oferuje dwa tryby: Usuń (całkowicie usuwa element z DOM, powodując przepływ otaczającej zawartości w to miejsce) i Ukryj (ustawia visibility na hidden, zachowując miejsce elementu w układzie). Obie operacje są odwracalne za pomocą Cofnij. Czerwona nakładka po najechaniu pokazuje dokładnie, który element zostanie dotknięty, zanim klikniesz, więc nie ma zgadywania. Narzędzie prowadzi bieżący licznik usuniętych i ukrytych elementów, a możesz cofnąć je pojedynczo lub wszystkie naraz. Jak wszystkie narzędzia DevSuite, zmiany są nieniszczące — odśwież stronę, a wszystko wraca.
W trybie Usuń kliknij dowolny element, aby całkowicie usunąć go ze strony. Element jest wyjmowany z DOM, a otaczająca zawartość przepływa, aby wypełnić miejsce — tak jakby HTML nie istniał. Świetne do zobaczenia, jak wygląda strona bez konkretnych sekcji.
W trybie Ukryj kliknij element, aby uczynić go niewidocznym, zachowując jego miejsce w układzie. Element staje się przezroczysty, ale jego wymiary pudełka pozostają, więc reszta układu strony pozostaje dokładnie taka sama. Przydatne do testowania wagi wizualnej bez przesunięć układu.
Zanim klikniesz, przesunięcie myszy pokazuje czerwoną półprzezroczystą nakładkę na elemencie, który zostanie dotknięty. Ten podgląd zapobiega przypadkowemu usunięciu niewłaściwego elementu — zawsze widzisz dokładnie, co masz zamiar usunąć.
Każda akcja usuwania i ukrywania jest śledzona w historii cofnięć. Kliknij przycisk Cofnij, aby odwrócić ostatnią akcję, przywracając element. Możesz cofnąć wiele akcji w sekwencji, aby cofać się przez swoje zmiany.
Licznik na żywo pokazuje, ile elementów usunąłeś i ile ukryłeś w bieżącej sesji. Jednym spojrzeniem wiesz, ile zmian zrobiłeś i ile cofnięć jest dostępnych.
Wszystkie zmiany są czysto wizualne i istnieją tylko w pamięci przeglądarki. Rzeczywisty kod strony nigdy nie jest modyfikowany. Odśwież stronę w dowolnym momencie, aby natychmiast przywrócić każdy usunięty i ukryty element do jego pierwotnego stanu.
Usuń banery zgody na cookies, widgety czatu, popupy promocyjne, przyklejone nagłówki i nakładki newsletterów przed robieniem zrzutów ekranu. Uzyskaj czystą, profesjonalną rejestrację zawartości strony bez wizualnego bałaganu.
Zastanawiasz się, jak strona płynie bez sekcji opinii? Lub co się dzieje, gdy usuniesz pasek boczny? Usuń sekcję i zobacz, jak układ natychmiast się przelewa — bez potrzeby zmian w kodzie.
Na stronach z dużą ilością treści i natrętnymi reklamami ukryj elementy reklam, abyś mógł czytać artykuły i dokumentację bez rozproszeń. Zawartość przepływa, aby wypełnić dostępne miejsce.
Przygotowujesz prezentację, która odwołuje się do złożonej strony? Usuń elementy, które nie są istotne dla twojej tezy, pozostawiając tylko sekcje, które chcesz omówić. Następnie zrób zrzut ekranu uproszczonego widoku.
Jeśli elementy nakładają się lub zasłaniają wzajemnie, usuń element na górze, aby zobaczyć, co jest pod spodem. Jest to szybsze niż poprawianie z-index lub właściwości display w DevTools, gdy potrzebujesz tylko szybkiego spojrzenia.
Otwórz pływający dok DevSuite Pro i kliknij ikonę Usuń/Ukryj element. Wybierz między trybem Usuń (usuwa element i zmienia układ) a trybem Ukryj (czyni niewidocznym, ale zachowuje miejsce).
Przesuń mysz nad stronę. Czerwona półprzezroczysta nakładka podświetla element pod kursorem, pokazując dokładnie, co zostanie dotknięte po kliknięciu.
Kliknij podświetlony element. W trybie Usuń jest usuwany, a otaczająca zawartość przepływa. W trybie Ukryj staje się niewidoczny, ale jego miejsce jest zachowane.
Klikaj dalej, aby usuwać więcej elementów, lub kliknij Cofnij, aby przywrócić ostatnio usunięty/ukryty element. Licznik akcji pokazuje twoje bieżące zmiany.
Skończyłeś eksperymentować? Odśwież stronę, aby natychmiast przywrócić każdy element do jego pierwotnego stanu.
Zainstaluj DevSuite Pro za darmo i odblokuj ponad 39 narzędzi programistycznych dla swojej przeglądarki.
