O Chrome Dev Summit, a confer\u00eancia 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\u00fado de uma p\u00e1gina web diretamente do navegador Google Chrome de forma simplificada.<\/p>\n\n\n\n
Essa extens\u00e3o \u00fatil foi comparada pelos engenheiros do Google ao Firebug, o popular complemento do Firefox que tamb\u00e9m inspirou o painel Ferramentas do desenvolvedor do Chrome.<\/p>\n\n\n\n
O VisBug \u00e9 de fato semelhante ao Firebug, exceto que oferece aos usu\u00e1rios a possibilidade de mover os diferentes elementos de uma p\u00e1gina da Web com um simples arrastar e soltar, em vez de pesquisar no c\u00f3digo-fonte.<\/p>\n\n\n\n
\u201cLembramos do impacto que o Firebug teve quando foi lan\u00e7ado e como mostrou que o navegador poderia ser uma <\/em>ferramenta real para o desenvolvimento<\/em> \u201d, disse o Google. \u201cAgora temos outra extens\u00e3o, VisBug, que permite fazer altera\u00e7\u00f5es diretamente no navegador. \u00bb<\/em><\/p>\n\n\n\n Depois de instalar a extens\u00e3o 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\u00ea pode usar as v\u00e1rias ferramentas oferecidas para mover elementos na p\u00e1gina, editar texto, modificar as cores do conte\u00fado ou at\u00e9 mesmo trabalhar nas imagens.<\/p>\n\n\n\n Esta extens\u00e3o \u00e9 \u00fatil apenas para editar p\u00e1ginas da web existentes e n\u00e3o \u00e9 poss\u00edvel criar uma. Ainda faltam alguns recursos muito pr\u00e1ticos como a possibilidade de exportar o c\u00f3digo gerado sem precisar abrir o c\u00f3digo fonte da p\u00e1gina. O Google n\u00e3o comunicou sobre a evolu\u00e7\u00e3o desta extens\u00e3o, se ser\u00e1 enriquecida de forma independente ou integrada \u00e0s ferramentas de desenvolvimento do Chrome.<\/p>","protected":false},"excerpt":{"rendered":" Edite uma p\u00e1gina da web diretamente no navegador O Chrome Dev Summit, a confer\u00eancia 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\u00fado de uma p\u00e1gina web diretamente do navegador Google Chrome de forma simplificada. […]<\/p>","protected":false},"author":1,"featured_media":3886,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[391,161,250],"tags":[390,162,544,89],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/posts\/3885"}],"collection":[{"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/comments?post=3885"}],"version-history":[{"count":1,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/posts\/3885\/revisions"}],"predecessor-version":[{"id":3887,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/posts\/3885\/revisions\/3887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/media\/3886"}],"wp:attachment":[{"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/media?parent=3885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/categories?post=3885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nearjob.com.br\/en\/wp-json\/wp\/v2\/tags?post=3885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Uma extens\u00e3o \u00fatil, mas incompleta<\/h2>\n\n\n\n