O projeto VisBug do Google permite a edição de páginas da Web a partir do Chrome

Edite uma página da web diretamente no navegador

O Chrome Dev Summit, a conferência anual dedicada aos desenvolvedores, foi uma oportunidade para o Google apresentar alguns novos recursos. Um dos mais interessantes foi o projeto VisBug, que permite redesenhar o design e o conteúdo de uma página web diretamente do navegador Google Chrome de forma simplificada.

Essa extensão útil foi comparada pelos engenheiros do Google ao Firebug, o popular complemento do Firefox que também inspirou o painel Ferramentas do desenvolvedor do Chrome.

O VisBug é de fato semelhante ao Firebug, exceto que oferece aos usuários a possibilidade de mover os diferentes elementos de uma página da Web com um simples arrastar e soltar, em vez de pesquisar no código-fonte.

“Lembramos do impacto que o Firebug teve quando foi lançado e como mostrou que o navegador poderia ser uma ferramenta real para o desenvolvimento ”, disse o Google. “Agora temos outra extensão, VisBug, que permite fazer alterações diretamente no navegador. »

Uma extensão útil, mas incompleta

Depois de instalar a extensão VisBug da Chrome Web Store, basta pressionar ALT + SHIFT + D para abrir a interface. Uma barra de ferramentas aparece no lado esquerdo da tela e, portanto, você pode usar as várias ferramentas oferecidas para mover elementos na página, editar texto, modificar as cores do conteúdo ou até mesmo trabalhar nas imagens.

Esta extensão é útil apenas para editar páginas da web existentes e não é possível criar uma. Ainda faltam alguns recursos muito práticos como a possibilidade de exportar o código gerado sem precisar abrir o código fonte da página. O Google não comunicou sobre a evolução desta extensão, se será enriquecida de forma independente ou integrada às ferramentas de desenvolvimento do Chrome.