Elimina/Amaga l'element et permet eliminar o amagar temporalment qualsevol element d'una pàgina web amb un sol clic. Neteja les pàgines per fer captures de pantalla, elimina anuncis distractors i bàners de galetes, o prova com es veu un disseny sense certes seccions — tot de manera no destructiva.
Tant si estàs fent una captura de pantalla neta per a un portafolis, provant com es reorganitza el disseny d'una pàgina quan s'elimina una secció o simplement amagant molestes superposicions que apareixen perquè puguis llegir el contingut de sota — Elimina/Amaga l'element és l'eina ideal. Ofereix dos modes: Eliminar (elimina completament l'element del DOM, fent que el contingut del voltant es reorganitzi per omplir l'espai) i Amagar (estableix la visibilitat com a oculta, preservant l'espai de l'element en el disseny). Ambdues operacions es poden revertir amb Desfer. Una superposició vermella en passar el ratolí mostra exactament quin element es veurà afectat abans de fer clic, per evitar errors. L'eina manté un recompte dels elements eliminats i amagats, i pots desfer les accions una per una o totes alhora. Com totes les eines de DevSuite, els canvis no són destructius — refresca la pàgina i tot tornarà a aparèixer.
En el mode Eliminar, fes clic a qualsevol element per eliminar-lo completament de la pàgina. L'element s'extreu del DOM i el contingut del voltant es reorganitza per omplir l'espai — tal com si el codi HTML no existís. Ideal per veure com queda una pàgina sense seccions específiques.
En el mode Amagar, fes clic a un element per fer-lo invisible mantenint el seu espai en el disseny. L'element es torna transparent però les dimensions de la seva caixa es mantenen, de manera que la resta del disseny de la pàgina roman exactament igual. Útil per provar el pes visual sense que el disseny es desplaci.
Abans de fer clic, en moure el ratolí es mostra una superposició vermella semitransparent sobre l'element que es veurà afectat. Aquesta previsualització evita l'eliminació accidental de l'element equivocat — sempre veus exactament què estàs a punt de treure.
Cada acció d'eliminar i amagar es registra en un historial de desfer. Clica el botó Desfer per revertir l'última acció i recuperar l'element. Pots desfer múltiples accions en seqüència per retrocedir en els teus canvis.
Un comptador en viu mostra quants elements has eliminat i quants has amagat en la sessió actual. D'un cop d'ull, saps quants canvis has fet i quants passos de desfer hi ha disponibles.
Tots els canvis són purament visuals i només existeixen a la memòria del navegador. El codi real de la pàgina no es modifica mai. Refresca la pàgina en qualsevol moment per restaurar a l'instant cada element eliminat i amagat al seu estat original.
Elimina els bàners de consentiment de galetes, els ginys de xat, les finestres emergents promocionals, les capçaleres fixes i les superposicions de subscripció abans de fer captures de pantalla. Obtingues una captura neta i professional del contingut de la pàgina sense desordre visual.
Et preguntes com flueix la pàgina sense la secció de testimonis? O què passa quan elimines la barra lateral? Elimina la secció i mira com el disseny es reorganitza a l'instant — sense necessitat de canvis en el codi.
En pàgines amb molt contingut i anuncis intrusius, amaga els elements publicitaris per poder llegir articles i documentació sense distraccions. El contingut es reorganitza per omplir l'espai disponible.
Estàs preparant una presentació que fa referència a una pàgina web complexa? Elimina els elements que no siguin rellevants per al teu propòsit, deixant només les seccions que vulguis discutir. Després, fes una captura de pantalla de la vista simplificada.
Si els elements se superposen o s'amaguen entre si, elimina l'element superior per veure què hi ha a sota. Això és més ràpid que ajustar l'index-z o les propietats de visualització a les DevTools quan només necessites fer un cop d'ull ràpid.
Obre el tauler flotant de DevSuite Pro i fes clic a la icona d'Elimina/Amaga l'element. Tria entre el mode Eliminar (elimina l'element i reorganitza el disseny) o el mode Amagar (el fa invisible però conserva l'espai).
Mou el ratolí per la pàgina. Una superposició vermella semitransparent ressaltarà l'element sota el cursor, mostrant exactament què es veurà afectat quan facis clic.
Clica l'element ressaltat. En el mode Eliminar, s'elimina i el contingut del voltant es reorganitza. En el mode Amagar, es torna invisible però el seu espai es manté.
Continua clicant per eliminar més elements, o clica Desfer per recuperar l'últim element eliminat o amagat. El comptador d'accions mostra els teus canvis actuals.
Has acabat d'experimentar? Refresca la pàgina per restaurar a l'instant cada element al seu estat original.
Instal·la DevSuite Pro gratuïtament i desbloqueja més de 39 eines de desenvolupador per al teu navegador.
