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 visualizar esses arquivos CSS / JS.
Existe uma extensão chamada JSView que permite visualizar facilmente a fonte dos arquivos incluídos de duas maneiras diferentes.
Uso de instalação padrão
Depois de instalar a extensão, você verá uma nova opção chamada “Exibir código-fonte da página - JSView”. Ele o levará para a mesma tela que a caixa de diálogo Exibir código-fonte normal ...
Agora, quando você está na tela Exibir fonte, o menu Exibir contém itens de menu extras que permitem acessar rapidamente os arquivos incluídos.
Menu de contexto de acesso rápido
Abra a tela JSView Options no menu Tools e desmarque o item “Disable jsview popup menus” para adicionar os menus extras ao menu padrão do botão direito.
Você também vai querer escolher “Desativar Exibir código-fonte - JSView” para desativar o item JSView redundante no menu. Agora, quando você clica com o botão direito em qualquer página, pode obter acesso rápido à fonte.
Observe que se você deseja o mínimo de experiência, pode optar por desabilitar todas as opções e simplesmente acessar as funções na janela de visualizaçã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 .
