O Firebug não está carregando o CSS

O Firebug é útil para testar e solucionar problemas de código em páginas da Web, e seus recursos de atualização ao vivo permitem que você experimente variações de estilo em suas próprias páginas. O estado do seu navegador da Web pode afetar a capacidade do Firebug de carregar código, incluindo CSS.

Sobre o Firebug

A extensão do Firebug funciona com o navegador da Web Firefox para exibir o código por trás de qualquer página da Web. Além de CSS, a extensão exibe código HTML, JavaScript, informações sobre o modelo de objeto de documento e cabeçalhos de servidor, e outras extensões podem expandir ainda mais a funcionalidade do Firebug. A extensão do Firebug em si não pode salvar as alterações feitas no código de uma página, mas você pode copiar e colar o código do Firebug em um editor de texto ou HTML. Os desenvolvedores do Firebug também criaram o Firebug Lite, uma versão do Firebug com funcionalidade limitada para uso com outros navegadores.

Firebug e CSS

Quando você visualiza o código HTML de uma página no Firebug, os estilos CSS usados ​​nessa página aparecem no painel à direita do console do Firebug. Esta visualização inclui apenas os estilos usados ​​para exibir o conteúdo dessa página. Para visualizar folhas de estilo inteiras vinculadas a uma página, clique na guia "CSS" no painel à direita. Se a página contiver links para mais de uma folha de estilo, você poderá clicar na seta na guia "CSS" para escolher uma folha de estilo diferente para exibição.

Solução de problemas

Estilos CSS não podem ser carregados no Firebug por vários motivos. Se você puder visualizar o código HTML de uma página, mas nenhum estilo CSS aparecer à direita, verifique se existe uma folha de estilos vinculada clicando em "CSS" no painel esquerdo do Firebug. Se você vir uma folha de estilos vinculada, clique em "HTML" novamente e veja o painel à direita. Se nenhum CSS aparecer, é possível que nenhum dos estilos CSS vinculados seja usado na página ou que os estilos sejam ignorados pelo Firefox, como os estilos designados para usuários do Internet Explorer. Verifique se o Firebug funciona corretamente com uma página da Web diferente, como Yahoo.com ou Google.com. Erros no código de uma página podem impedir que o Firebug carregue estilos.

Problemas de cache

Se os estilos CSS não forem carregados para qualquer página, ou se você vir estilos, mas ocorrer um erro ao tentar editá-los, o Firebug poderá ter problemas ao ler o cache do Firefox. Verifique se você não está usando uma extensão que desabilita o cache do navegador e, se estiver, tente desabilitar essa extensão escolhendo "Complementos" no menu "Ferramentas" do Firefox, clicando em "Extensões" e clicando em "Desativar" ao lado do problema extensão. Reinicie o Firefox e tente carregar a página no Firebug novamente.

Conflitos

O Firebug também pode entrar em conflito com outras extensões do Firefox ou versões incompatíveis. Tente desativar todas as extensões, exceto o Firebug, reinicie o navegador e visualize a página novamente. Se o problema persistir, tente remover e reinstalar o Firebug. O site do Firebug recomenda a criação de um novo perfil do Firefox antes de reinstalar o Firebug para garantir um ambiente limpo para testes. Verifique se o seu navegador Firefox, a extensão do Firebug e outras extensões estão atualizadas.