O Google Chrome é um browser fantástico, preferido de muitos web designers e desenvolvedores web, além do utilizador comum que também foi atraído, por ex., pela simplicidade notável deste browser. Com as extensões para Google Chrome, este ganhou um enorme potencial e capacidades, dando a possibilidade ao utilizador de tirar partido das suas múltiplas funcionalidades, nomeadamente no que toca ao design, correcção e detecção de erros de script, e desenvolvimento web. Existem alguns plugins, que devido à sua polivalência, encaixam-se em mais do que uma categoria, mas isso não é problema, apenas uma vantagem! Os profissionais do desenvolvimento web querem sempre mais e melhores aplicações para os auxiliar no seu trabalho do dia-a-dia, e para aqueles que usam o Google Chrome como navegador, poder tirar partido destes plugins é fantástico. Neste artigo trazemos-lhe 15 dos melhores plugins existentes para desenvolvedores web.

1. FIREBUG LITE

Firebug Lite

Firebug Lite não é um substituto para o Firebug, ou para as ferramentas de desenvolvimento do Chrome. É uma ferramenta para ser usada em conjunto com essas ferramentas. Firebug Lite fornece a representação visual rica a que estamos acostumados a ver no Firebug quando se trata de elementos HTML e elementos DOM Ele fornece também alguns recursos interessantes como inspecionar elementos HTML com o mouse, e fornece a edição de propriedades CSS em tempo real.

2. SEO FOR CHROME

SEO for Chrome

O SEO for Chrome oferece acesso fácil a ferramentas de SEO que podem ajudá-lo com Análise Competitiva, Keyword Research, verificação de backlinks, verificação de PageRank e outras tarefas diárias de SEO.

3. PAGESPEED INSIGHTS

Pagespeed Insights

 A extensão Pagespeed Insights para Google Chrome permite que você avalie o desempenho de suas páginas da web e obtenha sugestões sobre como melhorá-las.

4. JSON VIEW

JSON View

Você pode configurar JSON View na página de opções:
- O método padrão (conteúdo JSON é extraído a partir da página exibida) é mais rápido, mas pode em alguns casos alterar ou deixar de analisar o conteúdo JSON.
- O método seguro faz um pedido XMLHttpRequest extra, sendo o conteúdo JSON é extraído a partir da resposta HTTP, mas é 100% seguro.

5. WEB DEVELOPER

Web Developer

A extensão Web Developer adiciona um botão da barra de ferramentas para o navegador com diversas ferramentas de desenvolvedor web. Esta é a extensão oficial Web Developer que também existe para Mozilla Firefox.

6. TESTADOR DE EXPRESSÃO REGULAR

Testador de expressão regular

Esta extensão deve ser usada por desenvolvedores para testar expressões regulares, também conhecidas como regex ou regexp. É possível fazer a validação usando Javascript, que ocorre na hora, mas não suporta classes POSIX. E também é possível validar usando PHP (via ajax), que pode demorar alguns segundos, mas suporta as classes POSIX, entre as quais [:upper:], [:lower:], [:alpha:], [:alnum:], [:digit:], [:xdigit:], [:punct:], [:blank:],  [:space:], [:cntrl:], [:graph:] e [:print:]

7. YSLOW

YSlow

YSlow analisa as páginas web e sugere formas de melhorar o seu desempenho com base em um conjunto de regras para páginas da Web de alto desempenho. YSlow define uma página web baseando-se em um dos três conjunto de regras pré-definidos ou um conjunto de regras definidas pelo usuário. Ele oferece sugestões para melhorar o desempenho da página, exibindo inclusive estatísticas sobre a página.

8. ALEXA TRAFFIC RANK

Alexa Traffic Rank

Alexa Traffic Rank é a extensão gratuita da Alexa para o Chrome, e é a única extensão que o introduz no painel de tráfego do Alexa. A extensão Alexa acompanha-o enquanto navega, fornecendo-lhe dados Alexa sobre os sites que visita sem interromper a sua navegação. Obtenha acesso rápido e fácil a um site Alexa Traffic Rank e sites vinculados dentro Como o tráfego deste site compara a outros sites na Web? Saiba mais sobre como o site está a ser encontrado através das pesquisas, usando a análise de busca Alexa.

9. SPEED TRACER

Speed Tracer

Speed Tracer é uma extensão da Google e uma ferramenta para ajudá-lo a identificar e corrigir problemas de desempenho em suas aplicações web. Ele visualiza as métricas que são tomadas a partir de pontos de baixo nível de instrumentação no interior do navegador e analisa como os executa o aplicativo. Usando Speed Tracer você poderá perceber onde o tempo está sendo gasto na sua aplicação e otimizá-la.

10. XML TREE

XML Tree

XML Tree exibe dados XML em uma forma amigável. Uma vantagem de XML é que ele é “legível”. Os hieróglifos egípcios e EULAs são também “legíveis”, mas não necessariamente legíveis de forma amigável aos humanos.

11. MEASURE IT

Measure It

Measure it permite-lhe que você desenhe uma área no navegador e irá ficar a saber informações, nomeadamente a largura e altura de quaisquer elementos em uma página web.

12. EDIT THIS COOKIE

Edit This Cookie

Inspirado pela falta de um bom gerenciador de cookies no google chrome, o desenvolvedor criou esta pequena extensão simples e extremamente útil, que permite a você executar ou fazer qualquer coisa que realmente precisa fazer com cookies.

13. RESOLUTION TEST

Resolution Test

Resolution Test altera o tamanho da janela do navegador para desenvolvedores poderem visualizar os seus sites em diferentes resoluções de tela. Ele inclui uma lista de resoluções comumente utilizadas e conta ainda com a possibilidade de personalizar essa lista. Ele também dá aos usuários a opção de ligar Google Browser Size, que poderá conhecer melhor aqui – http://browsersize.googlelabs.com/

14. IMAGE PROPERTIES

Image Properties

Uma extensão simples com um menu para mostrar as propriedades de uma imagem. As informações exibidas (se disponíveis) são:

  • Localização
  • Fonte
  • Dimensões (e as dimensões em que aparece na página, se for diferente)
  • Texto Alt
  • Dados URI
  • Tamanho do Arquivo
  • Tipo MIME
  • Os dados EXIF

15. GOOGLE ANALYTICS DEBUGGER

Google Analytics Debugger

Esta extensão carrega a versão Javascript de depuração do Google Analytics (ga_debug.js) para todos os sites enquanto você navega usando o Google Chrome. Ela envia informações úteis para o console Javascript e essas mensagens incluem mensagens de erro e avisos que podem lhe dizer quando o seu código de monitorização do Google Analytics está configurado incorretamente. Além disso, fornece uma análise detalhada de rastreamento enviado para o Google Analytics.

Abraço!

 

Autor: Diogo Espinha

Blog do Autor | Artigos do Autor:

Workaholic e totalmente viciado em computadores, Internet e desporto motorizado. Adora praticar desporto, é um curioso da programação em PHP, CSS e HTML5 e não dispensa a companhia do seu Mac OSX 86 Snow Leopard!

  • Explorer - Factory Construction & Ship Building Joomla Theme
  • Justice - Attorney and Law Firm Joomla Template
  • OwnFolio - One Page Personal Portfolio / vCard / Resume / Showcase Joomla Template
  • Big Business - Responsive Template
  • Merab - Creative Multipurpose Drupal 8 Theme
  • Fitness Academy Joomla Template
  • Fruition - Business Joomla Template
  • Educate | Education & Courses, Kindergartens Joomla Template
  • Constructive - Contractors Multipurpose Joomla Landing Page Theme
  • Vina Bubox - VirtueMart Joomla Template for Online Stores
  • BizOne - One Page Parallax Drupal Theme
  • LawHouse - Responsive Lawyers Attorneys Joomla Template

Gostou deste artigo? Então torne-se fã do Blog no Facebook!



Comentários dos Alunos


  1. Pedro Dias
    11 de julho de 2012

    Muito bom este post. Não conhecia vários destes plugins e com certeza passarei a utiliza-los :-)



  2. luís santos
    18 de fevereiro de 2013

    Definir atalhos Google Chrome com tamanhos e posições:

    Olá!

    É possível criar/configurar 23 atalhos do Google Chrome, definindo tamanhos e posições?

    Muito grato,
    Luís Santos.


RSS
Twitter
Facebook
Comentários
ASSINANTES
SEGUIDORES
FÃS
COMENTÁRIOS
7794

Subscrever Newsletter
Subscreva a Newsletter:



Aplicativos Android, iPhone e Muito Mais!




Assine a Escola Criatividade Assine a Newsletter da Escola Criatividade Escola Criatividade no Twitter Escola Criatividade no Facebook Escola Criatividade no Youtube Escola Criatividade no Google Buzz