Smazat/Skrýt prvek vám umožňuje jedním kliknutím odebrat nebo dočasně skrýt libovolný prvek na webové stránce. Vyčistěte stránky pro snímky obrazovky, odstraňte rušivé reklamy a bannery souborů cookie, nebo otestujte, jak rozvržení vypadá bez určitých sekcí — vše nedestruktivně.
Ať už pořizujete čistý snímek obrazovky pro portfolio, testujete, jak se rozvržení stránky přeuspořádá při odebrání sekce, nebo jednoduše skrýváte otravné vyskakovací překrytí, abyste mohli číst obsah pod nimi — Smazat/Skrýt prvek je ten pravý nástroj. Nabízí dva režimy: Smazat (zcela odebere prvek z DOM, čímž okolní obsah zaplní uvolněný prostor) a Skrýt (nastaví viditelnost na skrytou a zachová prostor prvku v rozvržení). Obě operace lze vrátit pomocí funkce Vrátit zpět. Červené překrytí při najetí myší přesně zobrazuje, který prvek bude ovlivněn před kliknutím, takže není třeba hádat. Nástroj průběžně počítá smazané a skryté prvky a můžete je vracet jeden po druhém nebo najednou. Jako u všech nástrojů DevSuite jsou změny nedestruktivní — obnosení stránky vrátí vše zpět.
V režimu Smazat klikněte na libovolný prvek a zcela ho odstraňte ze stránky. Prvek je vyňat z DOM a okolní obsah se přeuspořádá, aby vyplnil prostor — stejně jako by HTML neexistovalo. Skvělé pro zobrazení, jak stránka vypadá bez konkrétních sekcí.
V režimu Skrýt klikněte na prvek a zneviditelníte ho při zachování jeho prostoru v rozvržení. Prvek se stane průhledným, ale jeho rozměry boxu zůstanou, takže zbytek rozvržení stránky zůstane přesně stejný. Užitečné pro testování vizuální váhy bez posunů rozvržení.
Před kliknutím pohyb myší zobrazí červené poloprůhledné překrytí na prvku, který bude ovlivněn. Tento náhled zabraňuje náhodnému smazání nesprávného prvku — vždy přesně vidíte, co se chystáte odebrat.
Každá akce smazání a skrytí je sledována v historii vrácení. Kliknutím na tlačítko Vrátit zpět zrušíte poslední akci a prvek se vrátí. Akce lze vracet postupně a krokovat zpět přes změny.
Živé počítadlo zobrazuje, kolik prvků jste smazali a kolik jste jich skryli v aktuální relaci. Na první pohled víte, kolik změn jste provedli a kolik vrácení je k dispozici.
Všechny změny jsou čistě vizuální a existují pouze v paměti prohlížeče. Skutečný kód stránky není nikdy změněn. Stránku obnovte kdykoli a okamžitě obnovíte každý smazaný a skrytý prvek do původního stavu.
Odstraňte bannery souhlasu se soubory cookie, chatovací widgety, propagační vyskakovací okna, pevná záhlaví a překrytí newsletterů před pořizováním snímků obrazovky. Pořiďte čistý, profesionální snímek obsahu stránky bez vizuálního nepořádku.
Zajímá vás, jak stránka plyne bez sekce s posudky? Nebo co se stane, když odeberete postranní panel? Smažte sekci a okamžitě sledujte přeuspořádání rozvržení — bez jakýchkoli změn v kódu.
Na stránkách s velkým množstvím obsahu a rušivými reklamami skryjte prvky reklam, abyste mohli číst články a dokumentaci bez rozptylování. Obsah se přeuspořádá tak, aby zaplnil dostupný prostor.
Připravujete prezentaci odkazující na složitou webovou stránku? Odeberte prvky, které nejsou relevantní pro váš bod, a ponechte pouze sekce, které chcete probrat. Poté pořiďte snímek zjednodušeného zobrazení.
Pokud se prvky překrývají nebo navzájem zakrývají, smažte horní prvek a zjistěte, co je pod ním. To je rychlejší než úprava z-index nebo vlastností zobrazení v DevTools, když jen potřebujete rychlý pohled.
Otevřete plovoucí dok DevSuite Pro a klikněte na ikonu Smazat/Skrýt prvek. Vyberte si mezi režimem Smazat (odebere prvek a přeuspořádá rozvržení) nebo režimem Skrýt (zneviditelní, ale zachová prostor).
Pohybujte myší po stránce. Červené poloprůhledné překrytí zvýrazní prvek pod kurzorem a přesně ukáže, co bude ovlivněno při kliknutí.
Klikněte na zvýrazněný prvek. V režimu Smazat je odebrán a okolní obsah se přeuspořádá. V režimu Skrýt se stane neviditelným, ale jeho prostor je zachován.
Pokračujte klikáním pro odebrání dalších prvků, nebo klikněte na Vrátit zpět pro obnovení posledního odebraného/skrytého prvku. Počítadlo akcí zobrazuje vaše aktuální změny.
Skončili jste s experimentováním? Obnovte stránku a okamžitě obnovíte každý prvek do původního stavu.
Nainstalujte si DevSuite Pro zdarma a odemkněte 39+ vývojářských nástrojů pro svůj prohlížeč.
