Ștergere/Ascundere Element îți permite să elimini sau să ascunzi temporar orice element dintr-o pagină web cu un singur clic. Curăță paginile pentru capturi de ecran, elimină reclame deranjante și bannere cookie sau testează cum arată un layout fără anumite secțiuni — totul non-destructiv.
Fie că faci o captură de ecran curată pentru un portofoliu, testezi cum se repoziționează un layout de pagină când o secțiune este eliminată sau pur și simplu ascunzi overlay-uri popup enervante pentru a putea citi conținutul de dedesubt — Ștergere/Ascundere Element este instrumentul potrivit. Oferă două moduri: Ștergere (elimină complet elementul din DOM, determinând conținutul din jur să se repoziționeze în spațiu) și Ascundere (setează visibility la hidden, păstrând spațiul elementului în layout). Ambele operații sunt reversibile cu Undo. Un overlay roșu la hover arată exact care element va fi afectat înainte de a face clic, fără ghicire. Instrumentul ține un număr curent de elemente șterse și ascunse, iar tu le poți anula unul câte unul sau pe toate odată. Ca toate instrumentele DevSuite, modificările sunt non-destructive — reîncarcă pagina și totul revine.
În modul Ștergere, fă clic pe orice element pentru a-l elimina complet din pagină. Elementul este scos din DOM, iar conținutul din jur se repoziționează pentru a umple spațiul — ca și cum HTML-ul nu ar fi existat. Excelent pentru a vedea cum arată o pagină fără secțiuni specifice.
În modul Ascundere, fă clic pe un element pentru a-l face invizibil păstrând spațiul său în layout. Elementul devine transparent, dar dimensiunile casetei sale rămân, astfel că restul layout-ului paginii rămâne exact la fel. Util pentru testarea greutății vizuale fără schimbări de layout.
Înainte de a face clic, mutarea mouse-ului afișează un overlay roșu semi-transparent pe elementul care va fi afectat. Această previzualizare previne ștergerea accidentală a elementului greșit — vei vedea mereu exact ce ești pe cale să elimini.
Fiecare acțiune de ștergere și ascundere este urmărită într-un istoric undo. Fă clic pe butonul Undo pentru a inversa ultima acțiune, readucând elementul. Poți anula mai multe acțiuni în secvență pentru a te întoarce prin modificări.
Un contor live arată câte elemente ai șters și câte ai ascuns în sesiunea curentă. Dintr-o privire, știi câte modificări ai făcut și câte undo-uri sunt disponibile.
Toate modificările sunt pur vizuale și există numai în memoria browserului. Codul real al paginii nu este niciodată modificat. Reîncarcă pagina oricând pentru a restaura instant fiecare element șters și ascuns la starea sa originală.
Elimină bannerele de consimțământ cookie, widget-urile de chat, popup-urile promoționale, headerele sticky și overlay-urile de newsletter înainte de a face capturi de ecran. Obține o captură curată și profesională a conținutului paginii fără dezordine vizuală.
Te întrebi cum curge pagina fără secțiunea de testimoniale? Sau ce se întâmplă când elimini sidebar-ul? Șterge secțiunea și observă repoziționarea layout-ului instant — fără modificări de cod.
Pe paginile cu conținut bogat cu reclame intruzive, ascunde elementele de reclamă pentru a putea citi articole și documentație fără distragere. Conținutul se repoziționează pentru a umple spațiul disponibil.
Pregătești o prezentare care face referire la o pagină web complexă? Elimină elementele care nu sunt relevante pentru punctul tău, lăsând numai secțiunile pe care vrei să le discuți. Apoi fă o captură de ecran a vizualizării simplificate.
Dacă elementele se suprapun sau se obstruează reciproc, șterge elementul de deasupra pentru a vedea ce se află dedesubt. Aceasta este mai rapidă decât ajustarea proprietăților z-index sau display în DevTools când ai nevoie doar de o privire rapidă.
Deschide floating dock-ul DevSuite Pro și fă clic pe iconița Ștergere/Ascundere Element. Alege între modul Ștergere (elimină elementul și repoziționează layout-ul) sau modul Ascundere (face invizibil dar păstrează spațiul).
Mișcă mouse-ul peste pagină. Un overlay roșu semi-transparent evidențiază elementul de sub cursor, arătând exact ce va fi afectat când faci clic.
Fă clic pe elementul evidențiat. În modul Ștergere, este eliminat și conținutul din jur se repoziționează. În modul Ascundere, devine invizibil, dar spațiul său este păstrat.
Continuă să faci clic pentru a elimina mai multe elemente sau fă clic pe Undo pentru a readuce ultimul element eliminat/ascuns. Contorul de acțiuni arată modificările curente.
Ai terminat experimentele? Reîncarcă pagina pentru a restaura instant fiecare element la starea sa originală.
Instalează DevSuite Pro gratuit și deblochează peste 39 de instrumente pentru dezvoltatori în browserul tău.
