Google Chrome 6 extensões para desenvolvedores Web

Ao trabalhar no desenvolvimento web e design, normalmente usam vários navegadores para ver os sites e aplicações que desenvolvemos são totalmente compatíveis entre si, tanto na aparência e funcionalidade.

A maioria dos navegadores vem com built-in ferramentas que nos permitem analisar diferentes aspectos, acompanhar os eventos enquanto navega um site e possíveis erros de forma muito precisa para dar oportuna, como é o caso de ferramentas de desenvolvimento do Google Chrome Console Web no Firefox e Opera Dragonfly no navegador Opera. No entanto, graças a extensões , somos capazes de estender as capacidades dessas ferramentas poderosas e até mesmo adicionar alguns outros que não têm.

Também é verdade que todo mundo tem um navegador preferido para trabalhar, no meu caso é o Google Chrome por sua velocidade e fazer uso mais eficiente da memória do que seus concorrentes, mas especialmente para a sua rápida adoção pelos usuários.

Apesar de só discutir extensões para o Chrome, muitos deles estão disponíveis para outros navegadores, para que possa desfrutar, se o seu navegador padrão é outro.

• Web Developer : Uma extensão do Firefox originalmente escrito para, é talvez um dos mais populares entre os desenvolvedores e também tem uma versão para o Google Chrome. Web Developer adiciona um ícone na parte superior da interface do navegador, que por sua vez nos permite ver um menu para manipular múltiplas opções para o site que abriram. Alterar a aparência da página, alterar o funcionamento das formas, extrair imagens do site, validar HTML e CSS são apenas algumas das cerca de 100 opções que podemos encontrar. É uma extensão bastante completo e indispensável.

• PHP Code Editor : Excelente ferramenta para criação e edição de código PHP. Este editor é integrado à interface e seus recursos oferecidos pelo Chrome: validação e preenchimento automático de código, destacando as palavras reservadas, acesso FTP, suporte para múltiplos documentos através de guias, entre outros.

• Validade : Esta extensão fornece uma maneira simples para validar o código HTML de nossas páginas. Quando instalado, veremos um novo ícone na barra de endereço do navegador, basta clicar sobre ele para iniciar o processo de validação no final, podemos ver dica como o número de erros encontrados e para um relatório completo, aberto o console de erro que é integrado ao navegador. O padrão está trabalhando com o validador do W3C, mas você pode mudar a configuração.

• Resizer janela : Muito útil para designers e desenvolvedores. Com Resizer janela pode simular múltiplas resoluções de tela sem sair do navegador, para que você possa ter uma idéia de como você vê o nosso website em diferentes tamanhos de tela. Ele vem com as resoluções usadas por padrão, mas oferece a possibilidade de adicionar novos de acordo com nossas necessidades.

• Pendule : Muito parecido com a extensão Web Developer, mas ao contrário deste, Pendule permite criar atalhos de teclado para as funções principais e modificar as fontes que usamos para validar o código de nossos sites, também consome menos memória.

• Firebug Lite para o Google Chrome é o meu favorito de extensão, a sua utilidade reside na possibilidade que nos oferece para inspecionar e editar partes específicas do código que compõe uma página. Para realizar a edição de código, podemos ver as alterações automaticamente no site, para que possamos fazer vários ajustes antes de implementá-los totalmente. Através do ícone que é instalado na parte superior direita da tela, você pode desativá-lo facilmente quando não estamos trabalhando e evitar consumir recursos extras.

Embora eu me refiro apenas aos seis que eu acho que atender tantos recursos, há uma série de extensões que se combinam para tornar muito mais fácil e mais rápido para o nosso trabalho é que você sabe algum outro?