Browsers

Firebug 1.5 Alpha

15 Comentários

Plugins para o Firefox existem aos milhares. Uns mais úteis, outros nem tanto. 5924 foi a contagem que o site da Mozilla me devolveu.

Praticamente não existe nada que não esteja sobre a forma de um plugin. E é esta maravilha que diferencia o Firefox dos demais browsers. Mas sim, eu sei que os outros também suportam e alguns mesmo de uma forma mais interessante.

Mas o plugin que volto a falar hoje é um dos que mais utilizo e como ferramenta de trabalho. Chama-se Firebug, essa peça de apoio muito útil a quem desenvolve websites . Potencialidades? Enormes. Utilidade? Imensa.


Desde ver como uma página é construída até ter acesso ao javascript que corre na mesma página, tudo é possível. Querem ver como é o CSS que faz aquela coisa esquisita na pagina? Simples, usem o Firebug.

firebug_body_small.gif

Querem alterar o código html ou o CSS? Isso é ainda mais simples: basta alterar directamente no Firebug para que a magia aconteça diante dos vossos olhos. Bem mais simples que editar o ficheiro, procurar a linha e alterar.

As principais características do Firebug são as seguintes:

  • Ver e alterar o HTML
  • Ver e alterar o CSS
  • Monitorizar o tempo que uma página leva a ser transferida
  • Depurar o código Javascript

Reforço o que disse no início: é uma ferramenta que todos os que desenvolvem páginas web deviam testar e utilizar pois permite ter um controlo muito grande sobre html, css e javascript. Permite também efectuar e testar alterações em tempo real.

E agora a parte melhor, querem usar o Firebug no Safari ou no IE? Simples: leiam isto e ficam a saber como o fazer.

Podem ver aqui as alterações implementadas nesta “quase” versão beta.

Licença: Freeware
Sistemas Operativos: Windows 2k/XP/Vista/Win7
Download: Firebug 1.5 Alpha 06 [631.27KB]
Homepage: Firebug

PUB
Autor: Vítor M.
Partilhar:
Tags:

PUB.

Questão Semanal

Deveria haver uma marca obrigatória em todas as imagens geradas por IA?

Ver Resultados

Loading ... Loading …
Arquivo de Questões

PUB.

Velocímetro Pplware

Teste a velocidade da sua Internet
Artigo anterior

SuperAntiSpyware 4.26.1006
Próximo artigo

Portal da transparência adjudicado sem concurso
PUB

Comentários

15

Deixe um comentário

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

  1. Avatar de Rui Costa
    Rui Costa

    Confirmo. plugin útil e de grande importância para o desenvolvimento de sites.

    De lembrar que também existe o firephp.

    Continuem com o bom trabalho.

    Responder
  2. Avatar de Pedro Domigues
    Pedro Domigues

    Esta ferramenta é indispensável para o meu trabalho do dia-a-dia, já que trabalho em QoS!

    Espectacular ferramenta!

    Responder
  3. Avatar de tagravado.com
    tagravado.com

    Claramente a melhor ferramenta que existe para o Firefox!

    http://www.tagravado.com

    Responder
  4. Avatar de Jorge Encarnação
    Jorge Encarnação

    É a par do Notepad++, a ferramenta mais importante no meu dia a dia. Mas já agora uma pergunta, o autor refere que é possível editar o html com o firebug. Mas é possível editar de forma permanente? (A pergunta não faz mt sentido, eu sei, mas sinceramente fiquei na dúvida). Eu costumo editar no firebug para ver a alteração imediatamente, mas após um reload, volta a ficar como estava.

    Responder
    1. Avatar de Pedro Simões
      Pedro Simões

      Jorge,

      Naturalmente que não é possivel efectuar alterações permanentes com o Firebug. E isto porque estás a alterar no código que o teu browser recebeu e não no código fonte.

      Mal estávamos se assim fosse…

      Mas podes efectuar alterações e ver como fica. Posteriormente aplicas na fonte as alterações.

      Responder
      1. Avatar de Jorge Encarnação
        Jorge Encarnação

        Pois daí eu dizer que a questão era estúpida, mas pensei que nesta versão houvesse um método qq que editava o .html alojado no nosso disco. hehe

        Responder
  5. Avatar de Paulo Pereira
    Paulo Pereira

    O firebug é bom e serve perfeitamente para as coisas mais simples. Contudo que edita sites a sério não ficará por aqui e tem outra extensão bem melhor:

    Extra Firefox:
    https://addons.mozilla.org/pt-PT/firefox/addon/60

    Site (com versão pt-BR)
    http://chrispederick.com/work/web-developer/
    Firefox, Flock, Seamonkey (Windows, Mac OS X, Linux)

    Para o utilizador médio será demasiada informação… mas é mesmo a melhor!

    Já agora quando se indica uma extensão para o Firefox deve-se sempre indicar a página Mozilla
    Firebug – https://addons.mozilla.org/pt-PT/firefox/addon/1843
    https://addons.mozilla.org/pt-PT/firefox/addon/1843

    E ainda podem encontrar outras extensões para o firebug
    https://addons.mozilla.org/pt-PT/firefox/search?q=firebug&cat=all

    Responder
  6. Avatar de Felipe Paschoal
    Felipe Paschoal

    Muito bom!

    E funciona para Opera tambem!

    Responder
  7. Avatar de CarlosMC
    CarlosMC

    O Chromium faz isso d’òrigem 😉

    Responder
    1. Avatar de Ramiro
      Ramiro

      Experimenta o Firebug e perceberás que o Chrome não faz tanto como pensas.

      O Firebug é um dos depuradores de javascript mais poderoso que conheço; mais poderoso que a implementação do safari, mais poderoso do que o Dragonfly do Opera e, indiscutivelmente, mais poderoso do que a implementação do Chrome.

      Responder
  8. Avatar de CarlosMC
    CarlosMC

    …ou quase 😛

    Há também um plugin(?) para o ie que permite ver o código da página tal como é apresentado e o original antes de processado – um que abre uma janela no fundo da página do ie – só que não me lembro do nome 🙁

    Responder
  9. Avatar de Miguel Regedor
    Miguel Regedor

    Plugin mt pratico, uso em conjugaçao com Web developer Bar, este segundo permite rapidamente activar ou desativar componentes da pagina, assim como verificar se esta segue standards W3C.
    Um apelo aos web developer presentes, sigam os standards e criem xhtml e css como deve ser. Um apelo ao internautas, evitem usar o IE, é tao mau que até ja recorre a oferta de premios misterio a quem o usa.

    Responder
  10. Avatar de Kodiak
    Kodiak

    E para ver o PHP do site?
    Kodiak

    Responder
    1. Avatar de Ramiro
      Ramiro

      É impossível ver o PHP de um site na web (a não ser que consigas crackar o servidor 😉 ).

      O que interessa aqui reter é que o browser nunca chega a receber os ficheiros PHP; estes são processados no servidor, recebendo o browser apenas código de cliente (HTML, CSS, JAvascript, XML).
      Se o browser não recebe sequer esses ficheiros é impossível visualizá-los…

      Agora, se estiveres a trabalhar num projecto em PHP e necessitares de depurar código existe o Firephp, que é ele próprio uma extensão para o Firebug.

      Instalas o Firebug, instalas o Firephp, activas e podes, então, usá-lo directamente a partir do Firebug.

      Pessoalmente, acho muito pratico mas cada um sabe de si próprio…

      Responder
      1. Avatar de Kodiak
        Kodiak

        Obrigado pela resposta.
        Esclarecido.
        Kodiak

        Responder
Aviso:

Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste site ou do(s) seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. A administração deste site reserva-se, desde já, no direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação do seu autor (nome completo e endereço válido de email) também poderão ser excluídos.