Slet/skjul element lader dig fjerne eller midlertidigt skjule ethvert element på en webside med et enkelt klik. Ryd op på sider til skærmbilleder, fjern distraherende annoncer og cookie-bannere, eller test, hvordan et layout ser ud uden visse sektioner — alt ikke-destruktivt.
Uanset om du tager et rent skærmbillede til en portefølje, tester, hvordan et sidelayout omflyder, når en sektion fjernes, eller blot skjuler irriterende popup-overlays, så du kan læse indholdet underneath — er Slet/skjul element det rette værktøj. Det tilbyder to tilstande: Slet (fjerner fuldstændigt elementet fra DOM'et og får det omgivende indhold til at omflyde) og Skjul (sætter synlighed til skjult og bevarer elementets plads i layoutet). Begge operationer kan fortrydes. Et rødt hover-overlay viser præcis, hvilket element der vil blive påvirket, inden du klikker, så der ikke er nogen gætterier. Værktøjet holder et løbende antal slettede og skjulte elementer, og du kan fortryde dem én ad gangen eller alle på én gang. Ligesom alle DevSuite-værktøjer er ændringer ikke-destruktive — opdater siden, og alt kommer tilbage.
I slettetilstand skal du klikke på et element for fuldstændigt at fjerne det fra siden. Elementet tages ud af DOM'et, og det omgivende indhold omflyder for at udfylde pladsen — ligesom hvis HTML'en ikke eksisterede. Fantastisk til at se, hvordan en side ser ud uden specifikke sektioner.
I skjuletilstand skal du klikke på et element for at gøre det usynligt, mens dets plads bevares i layoutet. Elementet bliver gennemsigtigt, men dets boksddimensioner forbliver, så resten af sidelayoutet forbliver præcist det samme. Nyttigt til at teste visuel vægt uden layoutskift.
Inden du klikker, viser flytning af din mus et rødt halvgennemsigtigt overlay på det element, der vil blive påvirket. Denne forhåndsvisning forhindrer utilsigtet sletning af det forkerte element — du ser altid præcist, hvad du er ved at fjerne.
Alle slet- og skjulehandlinger spores i en fortrydelseshistorik. Klik på knappen Fortryd for at vende den seneste handling om og bringe elementet tilbage. Du kan fortryde flere handlinger i rækkefølge for at gå tilbage gennem dine ændringer.
En live-tæller viser, hvor mange elementer du har slettet, og hvor mange du har skjult i den aktuelle session. Ved et øjekast ved du, hvor mange ændringer du har foretaget, og hvor mange fortryd-muligheder der er tilgængelige.
Alle ændringer er rent visuelle og findes kun i browserhukommelsen. Sidens faktiske kode ændres aldrig. Opdater siden til enhver tid for øjeblikkeligt at gendanne alle slettede og skjulte elementer til deres originale tilstand.
Fjern cookie-samtykkebannere, chat-widgets, reklamepopups, faste headers og nyhedsbrevs-overlays, inden du tager skærmbilleder. Få et rent, professionelt opslag af sideindholdet uden visuel rod.
Undrer du dig over, hvordan siden flyder uden testimonial-sektionen? Eller hvad der sker, når du fjerner sidepanelet? Slet sektionen og se layoutet omflyde øjeblikkeligt — ingen kodeændringer nødvendige.
På indholdsrige sider med påtrængende annoncer kan du skjule annonceelementer, så du kan læse artikler og dokumentation uden distraktion. Indholdet omflyder for at fylde den tilgængelige plads.
Forbereder du en præsentation, der refererer til en kompleks webside? Fjern de elementer, der ikke er relevante for dit punkt, og efterlad kun de sektioner, du vil diskutere. Tag derefter et skærmbillede af den forenklede visning.
Hvis elementer overlapper eller skjuler hinanden, kan du slette det øverste element for at se, hvad der er underneath. Dette er hurtigere end at justere z-indeks eller visningsegenskaber i DevTools, når du blot hurtigt skal se, hvad der er under.
Åbn den flydende dock i DevSuite Pro og klik på ikonet Slet/skjul element. Vælg mellem slettetilstand (fjerner element og omflyder layout) eller skjuletilstand (gør usynlig men bevarer plads).
Flyt musen hen over siden. Et rødt halvgennemsigtigt overlay fremhæver elementet under din markør og viser præcist, hvad der vil blive påvirket, når du klikker.
Klik på det fremhævede element. I slettetilstand fjernes det, og det omgivende indhold omflyder. I skjuletilstand bliver det usynligt, men dets plads bevares.
Bliv ved med at klikke for at fjerne flere elementer, eller klik på Fortryd for at bringe det sidst fjernede/skjulte element tilbage. Handlingstælleren viser dine aktuelle ændringer.
Færdig med at eksperimentere? Opdater siden for øjeblikkeligt at gendanne alle elementer til deres originale tilstand.
Installer DevSuite Pro gratis og lås op for 39+ udviklerværktøjer til din browser.
