Hoje venho mostrar em meu último post referente ao curso de CES-22 a ferramenta Developer Tools para aplicações Web, a qual foi de extrema ajuda no desenvolvimento de nosso projeto:
Pressionando o Shortcut Ctrl + Shift + J em uma janela do navegador que esteja executando a sua aplicação, é possível visualizar diversas informações relevantes para o projeto:
- [Ícone Celular] - Permite visualizar a página Web em um formato de dispositivo móvel, sendo útil para prever o seu funcionamento em telas reduzidas.
- Elements : Permite visualizar o código através de seus blocos, permitindo alterar suas configurações.
- Network : Mostra a transferência de dados da aplicação e o tempo levado na transmissão. Excelente para detectar pontos críticos no projeto e procurar por otimizações.
- Sources : Mostra os arquivos do projeto, desde imagens até os códigos .js empregados. Permite a sua alteração em tempo real, facilitando a edição da aplicação.
- Timeline : Permite ver os eventos em uma linha de tempo.
- Profile : Permite ver o uso de CPU (processamento) do usuário, também muito útil para otimizações do projeto.
- Resources : Visualização de banco de dados por trás das aplicações.
- Console : Exibe o console da aplicação.
Podemos ainda checar o FPS de um jogo, erros na compilação do projeto, dentre vários outros recursos.
Nenhum comentário:
Postar um comentário