Nós, desenvolvedores de front-end, frequentemente, passamos nosso tempo com as ferramentas do desenvolvedor do navegador abertas (quase sempre, a menos que estejamos conferindo o YouTube... e, às vezes, até nessa situação).

Uma das seções mais importantes das ferramentas do desenvolvedor é a guia Rede. Há algumas coisas que você pode fazer na guia Rede (em inglês, Network), como, por exemplo:

• Encontrar solicitações de rede por texto
• Encontrar solicitações de rede por expressões regulares (regex)
• Filtrar (excluir) solicitações de rede
• Usar o filtro de propriedade para ver solicitações de rede por determinado domínio
• Encontrar solicitações de rede por tipo de recurso

Para fins deste tutorial, estou usando a página inicial do editorial do freeCodeCamp em inglês, freecodecamp.org/news. Basta ir até a página e abrir a guia Rede.

Você pode ver a guia Rede clicando em cmd + opt + j no Mac ou ctrl + shift + j no Windows. A guia Console abrirá nas ferramentas do desenvolvedor por padrão.

Quando a guia Console se abre, basta clicar na guia Rede para torná-la visível.

Quando a guia Rede se abre, podemos começar o tutorial.

Vamos começar

Certifique-se de que a página certa (freecodecamp.org/news) está aberta e que a guia "Rede" está aberta nas ferramentas do desenvolvedor:

• A caixa verde acima ilustra o ícone que pode ocultar/exibir a área do filro na guia do painel da rede.
• A caixa vermelha ilustra a caixa da área do filtro. Nela, podemos filtrar nossas solicitações de rede.

Encontrar solicitações de rede por texto

Se digitamos analytics na caixa de texto do Filtro, somente os arquivos que contém o texto analytics são exibidos.

Encontrar solicitações de rede por expressção regular (regex)

Digite /.*\min.[c]s+$/. Os filtros das ferramentas do desenvolvedor encontrarão os recursos com nomes de arquivo que terminem com min.c, seguidos de 1 ou mais caracteres s.

Filtrar (excluir) solicitações de rede

Digite -min.js. As ferramentas do desenvolvedor farão a exclusão da busca de todos os arquivos contendo min.js. Se qualquer arquivo corresponder a esse padrão, ele também será filtrado e não estará visível no painel de rede.

Usar o filtro de propriedade para ver solicitações de rede por determinado domínio

Digite domain:code.jquery.com na área do filtro. Serão exibidas apenas as solicitações de rede que pertençam ao URL code.jquery.com.

Encontrar solicitações de rede por tipo de recurso

Se quiser ver apenas quais os tipos de arquivos de fonte estão sendo usados em uma página, clique em Fontes:

Se quiser ver os arquivos de WebSocket que estão sendo carregados em uma página, clique em WS:

Você também pode ir um passo adiante e ver tanto arquivos de Fonte como arquivos WS. Basta clicar primeiro em Fontes e então usar ctrl, no Windows, e clicar em WS para selecionar mais de uma guia. Se estiver em um Mac, faça a seleção de mais de uma guia usando cmd e clicando.

Chegamos ao final deste tutorial. Caso o tenha achado útil, compartilhe-o com seus colegas e amigos. Você também pode entrar em contato com o autor pelo Twitter.

O Chrome se tornou o navegador da web mais popular oferecendo desempenho e recursos melhores que os dos seus competidores. No entanto, com a ascensão em popularidade, muitos usuários tiveram que lidar com a perda de páginas da web importantes, pesquisas e sessões com as guias do Chrome perdidas ou fechadas.

Imagine que você está pesquisando para um projeto e, depois de clicar em milhares de links, chega a fonte perfeita de informações. Você não tem ideia de como chegou lá, mas lá está e isso é o que importa.

Você começa a trabalhar em suas anotações, e-mails, vai trocando de guias, tudo vai indo muito bem… até que acontece o desastre: você clica acidentalmente no botão errado e a guia da qual você precisava some sem nenhum aviso.

Ou, não sendo responsabilidade sua, o Chrome decide parar de funcionar sem motivo aparente.

Não se preocupe. Você não é o primeiro a passar por isso e não será o último. Por sorte, o Google Chrome se recorda de seu histórico de navegação na web. Não importa o que deu errado, você poderá recuperar as páginas visitadas.

Aqui vão algumas maneiras de recuperar facilmente guias fechadas no Chrome se isso acontecer com você em algum momento.

Guias fechadas por acidente

Se você simplesmente clicou no botão errado, fechou uma guia e não tinha a intenção, é fácil a recuperação. Apenas clique com o botão direito em uma área vazia da seção da barra e selecione Reabrir guia fechada.

Você também pode utilizar um atalho do teclado — pressione Ctrl+Shift+T (ou Command+Shift+T no Mac) e a última guia que você fechou reabrirá em uma nova página.

O Chrome ou o computador parou de funcionar

Um computador que para de funcionar nunca é uma experiência divertida, mas não se preocupe com o fato de o Chrome perder sua sessão atual.

O Google Chrome consegue lidar com uma parada de funcionamento tranquilamente quando você perde todas as suas guias abertas. Geralmente, quando você reinicia o Chrome, ele mostra um botão "Restaurar guias". Essa opção recuperará sua última sessão de navegação. Clique nela e você estará de volta à sessão em que estava.

Se não tiver essa opção, tudo bem. Clique no menu do Chrome e passe seu mouse sobre o item do menu de Histórico. Lá, você verá uma opção que diz "x guias" (por exemplo, "12 guias". Você pode clicar nessa opção para restaurar sua sessão anterior.

O comando Ctrl+Shift+T também pode reabrir janelas do Chrome que pararam de funcionar ou foram fechadas. Você pode seguir apertando esse atalho até que ele não tenha mais guias e janelas fechadas para recuperar.

Restaure guias fechadas recentemente

Da mesma forma, você pode restauras guias fechadas recentemente clicando novamente no menu do Chrome, passando o mouse sobre o item de menu do Histórico. Um breve resumo das páginas que você visitou recentemente será listado também.

Se a página que você queria restaurar está listada aqui, clique nela para recuperá-la. Se não estiver, você pode tentar a próxima abordagem.

A guia que você fechou em um outro dia

Se você não enxergar a página da web que deseja recuperar, clique no item do submenu do Histórico (menu do Chrome > Histórico > Histórico). Ou você pode usar o atalho Ctrl+H (no Mac: Command+Y).

Isso mostrará o histórico completo de páginas que você visitou. Você poderá encontrar a página que queria aqui. Você pode, até, pesquisar seu histórico de páginas da web para facilitar se já faz um tempo que você fechou ou perdeu a guia.

Cuidado - se você estava navegando em modo anônimo (modo privado) e perder sua guia, o Chrome não se lembrará dela.

Dica

Coloque nos Favoritos páginas que você visita regularmente clicando no ícone da ⭐️ do lado direito da barra de endereços. Isso adicionará um botão ao navegador do Chrome — clicando nesse botão, você redirecionará a guia atual para esta página da web.

Há alguns anos, o Google adicionou um Easter Egg divertido no Chrome: se a sua internet caiu e você tentou visitar uma página da web, já viu a mensagem "Não foi possível conectar à internet"  ou "Sem internet" com um pequeno dinossauro pixelado próximo à mensagem.

Muitos já devem ter pensado que o dinossauro era apenas um ícone bonitinho para fazer companhia para quem estivesse sem conexão. Se alguém, no entanto, pressionasse a barra de espaço, perceberia que o dinossauro começa a correr.

Esse pequeno Easter Egg se tornou um jogo muito querido de todos. Mas e se você pudesse jogar esse jogo (com cuidado, pois ele é viciante) quando estivesse on-line e precisasse dar uma folga? Neste artigo, você aprenderá a jogar o jogo do dinossauro on-line e off-line.

Como jogar com o dinossauro do Chrome ou o jogo do T-Rex off-line

Se sua internet caiu, você só precisa abrir o Chrome. Se você já está no Chrome, tente visitar qualquer página da web. Você verá o pequeno dinossauro próximo da mensagem de erro.

É só apertar a barra de espaço (ou a seta para cima) e o dinossauro começara a correr. Aperte a seta para cima para saltar sobre os obstáculos (como os cactos) no seu caminho. Quanto mais você mantiver a tecla da seta para cima apertada, mais alto o dinossauro saltará.

Se precisar abaixar por causa de algum obstáculo no alto, pressione a tecla da seta para baixo.

Quanto mais você jogar, mais rápido o dinossauro correrá/o chão se mexerá. Quando você bater em algo, o jogo acaba e você tem de reiniciar (sua pontuação é reiniciada, também). Você pode jogar novamente apertando a barra de espaço.

Como jogar com o dinossauro do Chrome ou o jogo do T-Rex on-line

Ótimo, você achou algo para se divertir enquanto espera sua internet retornar. Mas e se você quisesse jogar o jogo mesmo estando on-line? Há algumas maneiras de fazer isso.

Visite o URL dino

A maneira mais simples de jogar o jogo enquanto está on-line é visitando esse URL: chrome://dino/. Simplesmente acesse o link e pronto: lá está o pequeno dinossauro e a mensagem "Sem internet".

Ao ver a mensagem, você só precisa apertar a barra de espaço e começar a saltar sobre os cactos.

Também existe um site da web não oficial do dinossauro do Chrome, onde você pode jogar uma réplica do jogo com temas sonoros e gráficos diferentes, como este tema de Super Mario Bros:

Ou este tema de Batman, com os efeitos sonoros da série do Batman dos anos 60:

Bônus: outra maneira de encontrar o jogo

Talvez você ainda não tenha recebido a mensagem de erro com o dinossauro quando sua internet estava fora do ar. Ou talvez você não queira desligar o seu wi-fi de propósito para jogar o jogo.

Então, se você está com internet mas quer desativar sua conexão nas ferramentas de desenvolvedor do Chrome, aperte F12 para abrir as ferramentas.

Clique na guia "Rede", na parte superior à direita, e procure pela guia On-line/Off-line, na segunda linha de cima para baixo:

Procure a seta no menu suspenso, clique nela e selecione "Off-line" (no lugar de "On-line", a definição que deve estar lá se você estiver com conexão).

Depois de fazer isso, se tentar visitar uma página da web, você chegará no dinossauro! Agora, você pode sair das ferramentas de desenvolvedor e apertar a barra de espaço, como de costume, para fazer o dinossauro correr.

Agora você sabe como fazer para encontrar o jogo do dinossauro/T-Rex com E sem conexão com a internet. Divirta-se!