Extensão Chrome – Stylebot
Conhecem de certeza o add-on Firebug que existe para o Firefox. É, na minha opinião, o melhor e mais útil add-on que existe para esse browser.
Como mudei para o Google Chrome, notei desde o primeiro momento a falta de uma extensão que me permitisse ter neste browser as mesmas funcionalidades que o Firebug me dava. Até hoje ainda não consegui encontrar uma extensão que me conseguisse dar todas as funcionalidades, mas a procura está perto de terminada. Cada vez mais começam a surgir alternativas que começam a aproximar-se do que é disponibilizado pelo Firebug. A última que descobri foi o Stylebot.
Esta extensão permite que testem alterações ao CSS de uma página e que verifiquem possíveis alterações que gostassem de testar. Esta opção é extremamente útil para todos os que desenvolvem páginas web e necessitam de verificar estas alterações.
Por outro lado, esta funcionalidade que o Stylebot vos disponibiliza permite que efectuem alterações a páginas web por forma a colocarem-nas mais ao vosso gosto, tendo a possibilidade de manter essas alterações permanentes sempre que acederem com o vosso browser.
Após a instalação do Stylebot passam a ter na barra de endereço da Omnibar um novo símbolo (CSS). Ao clicarem nesse símbolo abrem uma janela onde vos são mostrados as propriedades que podem alterar. Escolham um elemento dessa página e as propriedades associadas passam a estar disponíveis.
Efectuem as alterações pretendidas e estas são automaticamente assumidas. Para reverterem as propriedades para as originais devem apenas carregar no botão Reset. Se pretenderem eliminar todas as alterações efectuadas nessa página existe a opção Reset Page.
As opções que existem disponíveis no Stylebot permitem colocar esta extensão mais a vosso gosto. Podem começar por alterar o atalho usado para chamar a caixa de edição de CSS, pesquisar por estilos que tenham já guardados ou exportar esses estilos.
Uma última opção que está disponível é a possibilidade de sincronizarem as alterações que tenham efectuado ao CSS de vários sites através dos diferentes computadores em que tenham configurada a sincronização do Chrome.
Podem ver aqui exemplos de alterações feitas por outros utilizadores, recorrendo apenas ao Stylebot.
O vídeo abaixo mostra-vos as funcionalidades que o Stylebot vos proporciona e a forma fácil com que pode ser usado.
Apesar de ainda não estar ao nível do que é fornecido no Firefox, o Stylebot está no bom caminho e mostra o que pode ser um excelente início de uma excelente extensão. Até chegar um que consiga ombrear com o Firebug vou ficar com o Stylebot. Testem-no e vão ver que é uma excelente alternativa.
Leia mais informação sobre plugins Chrome no Forum Pplware: Google Extensions e Google Chrome
Download: Stylebot 0.2.4.1
Homepage: Stylebot
Este artigo tem mais de um ano
“Como mudei para o Google Chrome, notei desde o primeiro momento a falta de uma extensão que me permitisse ter neste browser as mesmas funcionalidades que o Firebug me dava. Até hoje ainda não consegui encontrar uma extensão que me conseguisse dar todas as funcionalidades, mas a procura está perto de terminada.”
Pedro, já tentaste carregar sobre alguma página com o botão direito e fazer inspect element? O que te aparece é algo muito parecido com o Firebug que parece vir já de “série” no Chrome.
Não sou utilizador intensivo do Firebug… mas, se já conhecias esse “inspect element”, até que ponto ele não serve para o que precisas?
Eu também acho o InspectElement tão bom como o Firebug, realmente não sei o nivel de utilização que o Pedro usa, até pode haver alguma feature que o Inspect não tenha e que ele usa muito no Firebug. Mas a verdade é que o inspect não fica nada atrás do Firebug, e a verdade é que muita gente não conhece, inclusive eu que quando comecei a usar chrome instalei logo o firebug mas depois que soube do inspect deixei de usar, serve perfeitamente as minhas necessidades.
Humm parece interessante apesar do FireBug ser quase imbatível.
Também troquei recentemente para o Chrome e realmente o firebug no FF funciona um bocado melhor. Mas vou testar esta extensão a ver se resolve 😀
Obrigado, mais uma vez a Pplware mt a frente 😉
Não percebo, eu tenho o firebug no chrome ?!?!??!
Existe mas é uma versão lite que é bastante reduzida em funcionalidades em comparação com o Firebug do Firefox.
pois realmente existe firebug para o chrome
https://chrome.google.com/extensions/search?itemlang=&hl=en&q=firebug
A maioria das extensões do FX existem no Chrome.
ctrl+shift+i não te serve? Eu nunca senti falta do firebug…
tb tens razão, essa opção tb é muito boa
Ctrl+Shift+I… Simples!
Tal como o Gustavo referiu no comentário anterior, o Google Chrome já tem integradas uma série de ferramentas de programação, entre as quais uma muito semelhante ao Firebug que podes aceder via o atalho que o Gustavo referiu ou através do menu Ferramentas->Ferramentas do programador.
Funciona de modo um pouco diferente que o firebug em alguns casos, mas apresenta funcionalidades muito semelhantes.
vou repetir o que já foi dito acima.
desenvolvo sites no chrome e tudo o que preciso são as ferramentas que já vêm incluidas. e sinceramente, acho que a forma como os selectores estão apresentadas, é mais didática e útil para quem escreve css.
acho bem que se apresentem soluções novas, mas daí a dizer que não há nenhuma solução para substituir o firebug, enfim…