em
30 Extensões Firefox para Desenvolvedores Web

30 Extensões Firefox para Desenvolvedores Web

Uma das coisas mais interessantes do Firefox é a possibilidade de você instalar extensões nele que podem lhe auxiliar e muito, seja para navegar, ou para o desenvolvimento web, e até hoje eu não entendo como tem muita gente ainda que não utiliza o Firefox, seja, ou por receio, ou por que o acha feio, não sei, mas isso fica para um próximo post, mas abaixo você pode ver uma lista de 30 extensões que eu encontrei no site Sentido Web, e podem auxiliar e muito você desenvolvedor:

CSS

  • Aardvark: Permite ver atributos CSS, ID’s e Classes, selecionando elementos individuais na página.
  • chromEdit: Permite modificar o CSS e o JavaScript de qualquer página.
  • CSSMate: Edição de arquivos CSS.
  • CSS Validator: Valida o CSS de suas páginas.
  • CSSViewer: Visualiza propriedades CSS.
  • EditCSS: Permite modificar os CSS carregados.
  • IETab: Visualize suas páginas web no IE dentro do Firefox.
  • Style Sheet Chooser II: Permite selecionar folhas de estilo alternativas para uma página.

Debug e Análise

  • Firebug: Dispensa apresentações, a melhor ferramenta para análise e debug de HTML, CSS, JavaScript e Ajax.
  • HTML Validator: Valida o HTML suas páginas de acordo com o W3C.
  • JavaScript Debugger: Debug de JavaScript.
  • Link Checker: Comprova se os links de uma página são válidos.
  • Load Time Analyzer: Ferramenta para mostrar o tempo de carregamento de uma página.
  • View Dependencies: Mostra informações de todos os arquivos usados ao carregar uma página.

Outros

  • Clipmarks: Tire screenhots de lugares específicos de sua página.
  • Codetech: Editor Web com a aparência do Dreamweaver.
  • ColorZilla: Capture cores das páginas visitadas.
  • FirePHP: Ferramenta para depurar PHP.
  • Greasemonkey: Altere o comportamento de qualquer página web com esse plug-in.
  • Measureit: Ferramenta para medir(em pixels), partes das páginas web.
  • Platypus: Uma das melhores ferramentas para modificar uma página web.
  • Poster: Permite interagir com WebServices e outras ferramentas web.
  • Professor X: Mostra o conteúdo do header de uma página web.
  • Screen grab: Tire Screenshots de suas páginas web.
  • TestGen4Web: Grava a atividade dos usuários em páginas web.
  • View Source Chart: Visualizador de código fonte.
  • Web Developer: Uma coleção de ferramentas para desenvolvimento web.
  • X-Ray: Permite ver o código fonte de uma página e alternar entre ambos de uma forma simples.

Artigo original: Sentido Web.

Comentários

  1. Meu predileto é o web developer.

    Abraço

    por Helder Santana Responder
  2. firebug é o melhor!

    por Diego Marques Responder
  3. Firebug Rules!!!!! =)

    por Vitor — Responder
  4. Pingback: Infoministração » Extensões indispensáveis para o Firefox

  5. Pingback: webnegocios no diHITT

  6. O chromEdit:: firefox impede de instalar esse complemento, pois a atualização dele não é segura :o

    por Eduardo Cesar Sarsur Lisboa — Responder
  7. O Measureit não tem compatibilidade com o Firefox 3.1?
    Saberiam me dizer com que versão ele é compativel?

    por Luis Fernando — Responder
  8. Olá gostei muito deste post e vou citar um plugin que uso que não foi mencionado aí ” Fireshot ” – Excelente para tirar prints da área visível ou do site inteiro!
    Basta procurar pelo complemento Fireshot e você poderá instalar e usufluir. Tem fireshot para IE e outros navegadores tb.

    por Alessandro Guimarães de Andrade Responder
  9. Valeu cara, essas ext cairam numa boa hora, ainda mais para corrigir falhas e validar o site. Valeu!

    por Daniel Bahia Responder

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>