Az Elem törlése/elrejtése eszközzel egyetlen kattintással eltávolíthat vagy ideiglenesen elrejthet bármely elemet egy weboldalon. Tisztítsa meg az oldalakat képernyőfotókhoz, távolítsa el a zavaró hirdetéseket és sütibannereket, vagy tesztelje, hogyan néz ki az elrendezés bizonyos szekciók nélkül — mindezt nem destruktív módon.
Akár egy tiszta képernyőfotót készít egy portfólióhoz, akár azt teszteli, hogyan rendeződik át az oldal elrendezése egy szekció eltávolításakor, akár egyszerűen csak elrejti a bosszantó felugró átfedéseket, hogy elolvashassa az alattuk lévő tartalmat — az Elem törlése/elrejtése erre az eszköz. Két üzemmódot kínál: Törlés (teljesen eltávolítja az elemet a DOM-ból, így a környező tartalom átrendeződik a felszabaduló helyre) és Elrejtés (láthatatlanra állítja, de megőrzi az elem helyét az elrendezésben). Mindkét művelet visszavonható. Egy piros hover-átfedés pontosan megmutatja kattintás előtt, mely elemet érinti a művelet, így nincs helye a találgatásnak. Az eszköz folyamatosan számolja a törölt és elrejtett elemeket, amelyeket egyesével vagy egyszerre is visszavonhat. Mint minden DevSuite eszköz esetében, a változtatások itt is nem destruktívak — frissítse az oldalt, és minden visszaáll.
Törlés módban kattintson bármely elemre, hogy teljesen eltávolítsa az oldalról. Az elem kikerül a DOM-ból, a környező tartalom pedig átrendeződik, hogy kitöltse a helyet — pontosan úgy, mintha a HTML nem is létezett volna. Kiválóan alkalmas annak megtekintésére, hogyan néz ki egy oldal adott szekciók nélkül.
Elrejtés módban kattintson egy elemre, hogy láthatatlanná tegye, miközben megőrzi a helyét az elrendezésben. Az elem átlátszóvá válik, de a doboz méretei megmaradnak, így az oldal többi része pontosan ugyanúgy néz ki. Hasznos a vizuális súly teszteléséhez elrendezés-eltolódás nélkül.
Kattintás előtt az egér mozgatásakor egy piros, félig átlátszó átfedés jelenik meg az érintett elemen. Ez az előnézet megakadályozza a rossz elem véletlen törlését — mindig pontosan látja, mit fog eltávolítani.
Minden törlési és elrejtési műveletet nyomon követ egy visszavonási előzmény. Kattintson a Visszavonás gombra az utolsó művelet visszavonásához, ezzel visszahozva az elemet. Több műveletet is egymás után visszavonhat, hogy lépésenként visszalépjen a módosításokon.
Egy élő számláló mutatja, hány elemet törölt és hányat rejtett el a jelenlegi munkamenetben. Egy pillantással láthatja, hány módosítást végzett, és hány visszavonás áll rendelkezésre.
Minden változtatás tisztán vizuális, és csak a böngésző memóriájában létezik. Az oldal tényleges kódja soha nem módosul. Bármikor frissítheti az oldalt, hogy minden törölt és elrejtett elem azonnal visszaálljon eredeti állapotába.
Távolítsa el a sütibannereket, chat-widgeteket, promóciós felugró ablakokat, rögzített fejléceket és hírlevél-átfedéseket, mielőtt képernyőfotót készít. Így tiszta, professzionális felvételt kap az oldal tartalmáról, vizuális zsúfoltság nélkül.
Kíváncsi, hogyan néz ki az oldal az ajánlások szekció nélkül? Vagy mi történik, ha eltávolítja az oldalsávot? Törölje a szekciót, és azonnal lássa az elrendezés átrendeződését — kódváltoztatás nélkül.
Tartalomintenzív oldalakon, tolakodó hirdetésekkel, rejtse el a hirdetéselemeket, hogy zavartalanul olvashassa a cikkeket és a dokumentációt. A tartalom átrendeződik, hogy kitöltse a felszabaduló helyet.
Egy összetett weboldalra hivatkozó bemutatót készít elő? Távolítsa el a mondanivalója szempontjából nem releváns elemeket, csak a megbeszélni kívánt szekciókat hagyva meg. Ezután készítsen képernyőfotót az egyszerűsített nézetről.
Ha elemek átfedik vagy eltakarják egymást, törölje a felső elemet, hogy lássa, mi van alatta. Ez gyorsabb, mint a z-index vagy display tulajdonságok módosítgatása a DevTools-ban, ha csak egy gyors pillantást szeretne vetni.
Nyissa meg a DevSuite Pro lebegő dokkját, és kattintson az Elem törlése/elrejtése ikonra. Válasszon Törlés mód (eltávolítja az elemet, és átrendezi az elrendezést) vagy Elrejtés mód (láthatatlanná teszi, de megőrzi a helyét) között.
Vigye az egeret az oldal fölé. Egy piros, félig átlátszó átfedés kiemeli a kurzor alatti elemet, pontosan megmutatva, mit érint majd a kattintás.
Kattintson a kiemelt elemre. Törlés módban eltávolításra kerül, és a környező tartalom átrendeződik. Elrejtés módban láthatatlanná válik, de helye megmarad.
Kattintson tovább további elemek eltávolításához, vagy kattintson a Visszavonásra az utoljára eltávolított/elrejtett elem visszahozásához. A műveletszámláló mutatja aktuális módosításait.
Végzett a kísérletezéssel? Frissítse az oldalt, hogy minden elem azonnal visszaálljon eredeti állapotába.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.
