Veja facilmente a fonte de arquivos incluídos no Firefox

Veja facilmente a fonte de arquivos incluídos no Firefox
Veja facilmente a fonte de arquivos incluídos no Firefox

Vídeo: Veja facilmente a fonte de arquivos incluídos no Firefox

Vídeo: Veja facilmente a fonte de arquivos incluídos no Firefox
Vídeo: Google Analytics - Guia Relatórios Padrão - Seção Fontes de Tráfego - YouTube 2024, Maio
Anonim

No mundo do desenvolvimento da 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.

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

Depois de instalar a extensão, você verá uma nova opção chamada "Exibir origem da página - JSView". Ele irá levá-lo para a mesma tela que a caixa de diálogo regular Fonte da Página…

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

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 "Desativar visualização da origem da página - JSView" para desativar 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.
Você também desejará escolher "Desativar visualização da origem da página - JSView" para desativar 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ê quiser uma experiência mínima, poderá optar por desativar todas as opções e acessar as funções simplesmente a partir da janela de exibição da fonte.
Observe que, se você quiser uma experiência mínima, poderá optar por desativar todas as opções e acessar as funções simplesmente 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 …
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.
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

Recomendado: