O Excluir/Ocultar Elemento permite que você remova ou oculte temporariamente qualquer elemento em uma página da web com um único clique. Limpe páginas para capturas de tela, remova anúncios e banners de cookies irritantes ou teste como um layout fica sem certas seções — tudo de forma não destrutiva.
Seja para tirar uma captura de tela limpa para um portfólio, testar como o layout de uma página flui quando uma seção é removida ou simplesmente ocultar sobreposições de pop-up irritantes para que você possa ler o conteúdo por baixo — o Excluir/Ocultar Elemento é a ferramenta ideal. Ele oferece dois modos: Excluir (remove completamente o elemento do DOM, fazendo com que o conteúdo ao redor flua para o espaço) e Ocultar (define a visibilidade como oculta, preservando o espaço do elemento no layout). Ambas as operações são reversíveis com Desfazer. Uma sobreposição de passagem do mouse vermelha mostra exatamente qual elemento será afetado antes de você clicar, para que não haja dúvidas. A ferramenta mantém uma contagem contínua de elementos excluídos e ocultos, e você pode desfazê-los um por um ou todos de uma vez. Como todas as ferramentas do DevSuite, as alterações não são destrutivas — atualize a página e tudo volta ao normal.
No modo Excluir, clique em qualquer elemento para removê-lo completamente da página. O elemento é retirado do DOM e o conteúdo ao redor flui para preencher o espaço — exatamente como se o HTML não existisse. Ótimo para ver como uma página fica sem seções específicas.
No modo Ocultar, clique em um elemento para torná-lo invisível, mantendo seu espaço no layout. O elemento torna-se transparente, mas as dimensões de sua caixa permanecem, de modo que o restante do layout da página permanece exatamente o mesmo. Útil para testar o peso visual sem mudanças no layout.
Antes de clicar, mover o mouse mostra uma sobreposição vermelha semitransparente no elemento que será afetado. Esta visualização evita a exclusão acidental do elemento errado — você sempre vê exatamente o que está prestes a remover.
Cada ação de exclusão e ocultação é rastreada em um histórico de desfazer. Clique no botão Desfazer para reverter a última ação, trazendo o elemento de volta. Você pode desfazer várias ações em sequência para retroceder em suas alterações.
Um contador em tempo real mostra quantos elementos você excluiu e quantos ocultou na sessão atual. Em um relance, você sabe quantas alterações fez e quantos desfazeres estão disponíveis.
Todas as alterações são puramente visuais e existem apenas na memória do navegador. O código real da página nunca é modificado. Atualize a página a qualquer momento para restaurar instantaneamente cada elemento excluído e oculto ao seu estado original.
Remova banners de consentimento de cookies, widgets de chat, pop-ups promocionais, cabeçalhos fixos e sobreposições de newsletter antes de tirar capturas de tela. Obtenha uma captura limpa e profissional do conteúdo da página sem poluição visual.
Quer saber como a página flui sem a seção de depoimentos? Ou o que acontece quando você remove a barra lateral? Exclua a seção e veja o layout fluir instantaneamente — sem necessidade de alterações no código.
Em páginas com muito conteúdo e anúncios intrusivos, oculte os elementos de anúncio para que você possa ler artigos e documentação sem distração. O conteúdo flui para preencher o espaço disponível.
Preparando uma apresentação que faz referência a uma página da web complexa? Remova os elementos que não são relevantes para o seu ponto, deixando apenas as seções que você deseja discutir. Em seguida, tire uma captura de tela da visualização simplificada.
Se os elementos estiverem se sobrepondo ou obscurecendo uns aos outros, exclua o elemento superior para ver o que está por baixo. Isso é mais rápido do que ajustar o z-index ou as propriedades de exibição nas Ferramentas do Desenvolvedor quando você só precisa de uma olhada rápida.
Abra o dock flutuante do DevSuite Pro e clique no ícone Excluir/Ocultar Elemento. Escolha entre o modo Excluir (remove o elemento e reorganiza o layout) ou o modo Ocultar (torna invisível, mas preserva o espaço).
Mova o mouse sobre a página. Uma sobreposição vermelha semitransparente destaca o elemento sob seu cursor, mostrando exatamente o que será afetado quando você clicar.
Clique no elemento destacado. No modo Excluir, ele é removido e o conteúdo ao redor flui. No modo Ocultar, ele se torna invisível, mas seu espaço é preservado.
Continue clicando para remover mais elementos ou clique em Desfazer para trazer de volta o último elemento removido/ocultado. O contador de ações mostra suas alterações atuais.
Terminou de experimentar? Atualize a página para restaurar instantaneamente cada elemento ao seu estado original.
Instale o DevSuite Pro gratuitamente e desbloqueie mais de 39 ferramentas de desenvolvedor para seu navegador.
