Veja facilmente a fonte de arquivos incluídos no Firefox

No mundo do desenvolvimento web, a maior parte do design não está mais na página HTML, ele foi movido para os arquivos CSS e Javascript incluídos. O problema é que quando você quer dar uma olhada no código, não há uma maneira realmente simples de ver esses arquivos CSS / JS.

Há uma extensão chamada JSView que permite visualizar facilmente a origem dos arquivos incluídos de várias maneiras diferentes.

Uso de instalação padrão

Uma vez que você instalou a extensão, você verá uma nova opção chamada “View Page Source - JSView”. Ele irá levá-lo para a mesma tela que a caixa de diálogo regular Fonte da Página…

Agora, quando você estiver na tela Exibir código-fonte, o menu Exibir conterá itens de menu extras que permitem acessar rapidamente os arquivos incluídos.

Menu de Contexto de Acesso Rápido

Abra a tela Opções do JSView no menu Ferramentas e desmarque o item “Desativar menus pop-up do jsview” para adicionar os menus extras ao menu padrão do botão direito do mouse..

Você também desejará escolher “Desabilitar Visualização da Origem da Página - JSView” para desabilitar o item JSView redundante no menu. Agora, quando você clica com o botão direito do mouse em qualquer página, pode acessar rapidamente a origem.

Observe que, se você deseja ter o mínimo de experiência, pode optar por desativar todas as opções e acessar as funções a partir da janela de exibição da fonte..

Outras opções

Você também pode escolher se deseja abrir em uma nova janela ...

Ou se deve usar um editor externo ...

Esta é uma extensão realmente útil que agora se tornou parte do meu kit de ferramentas de desenvolvimento web.

Baixe o extensão JSView de Complementos para o Mozilla