Extensão Chrome – Stylebot

29 Jan 2011 · Google/YouTube 12 Comentários

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.

Veja aqui mais extensões e aplicações Chrome

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

Acompanhe o Pplware no Google Notícias

Propor Revisão Proponha uma correção, faça uma sugestão

Autor: Pedro Simões

Comentários12

Fernando Jorge says:

29 de Janeiro de 2011 às 10:53

“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?

Responder
- Cenas says:
  
  29 de Janeiro de 2011 às 22:41
  
  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.
  
  Responder
Igor Pereira says:

29 de Janeiro de 2011 às 11:10

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 😉

Responder
Henrique Crachat says:

29 de Janeiro de 2011 às 11:11

Não percebo, eu tenho o firebug no chrome ?!?!??!

Responder
- Wilson Silva says:
  
  29 de Janeiro de 2011 às 12:25
  
  Existe mas é uma versão lite que é bastante reduzida em funcionalidades em comparação com o Firebug do Firefox.
  
  Responder
Lopes says:

29 de Janeiro de 2011 às 11:34

pois realmente existe firebug para o chrome
https://chrome.google.com/extensions/search?itemlang=&hl=en&q=firebug

Responder
Trambulhao says:

29 de Janeiro de 2011 às 11:54

A maioria das extensões do FX existem no Chrome.

Responder
Gustavo says:

29 de Janeiro de 2011 às 11:59

ctrl+shift+i não te serve? Eu nunca senti falta do firebug…

Responder
- Lopes says:
  
  29 de Janeiro de 2011 às 12:02
  
  tb tens razão, essa opção tb é muito boa
  
  Responder
  - Toll says:
    
    29 de Janeiro de 2011 às 13:37
    
    Ctrl+Shift+I… Simples!
    
    Responder
phoenux says:

29 de Janeiro de 2011 às 12:28

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.

Responder
diogo oliveira says:

29 de Janeiro de 2011 às 17:36

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…

Responder

Deixe um comentário Cancelar Resposta

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.