Referência de funcionalidades de rede
Este artigo é um inventário baseado em funcionalidades da ferramenta Rede . Utilize a Ferramenta de rede para inspecionar a atividade de rede de uma página Web. Para obter instruções passo a passo e introdução à ferramenta Rede , veja Inspecionar a atividade de rede.
Conteúdo detalhado:
- Registar pedidos de rede
- Alterar o comportamento de carregamento
- Definir sugestões de cliente do agente de utilizador
- Filtrar pedidos
- Ordenar pedidos
-
Analisar pedidos
- Apresentar a relação de temporização dos pedidos
- Apresentar uma pré-visualização de um corpo de resposta
- Apresentar um corpo de resposta
- Apresentar cabeçalhos HTTP
- Apresentar parâmetros de cadeia de consulta
- Apresentar cookies
- Apresentar a discriminação de temporização de um pedido
- Apresentar iniciadores e dependências
- Apresentar eventos de carregamento
- Apresentar o número total de pedidos
- Apresentar o tamanho total da transferência
- Apresentar o rastreio de pilha que causou um pedido
- Apresentar o tamanho descomprimido de um recurso
- Exportar dados de pedidos
- Alterar o esquema do painel Rede
Registar pedidos de rede
Por predefinição, o DevTools regista todos os pedidos de rede na ferramenta Rede , desde que o DevTools esteja aberto.
Parar a gravação de pedidos de rede
Para parar a gravação de pedidos:
Na Ferramenta de rede , clique em Parar de gravar o registo de rede (
). Fica cinzento para indicar que o DevTools já não está a gravar pedidos.Prima Ctrl+E (Windows, Linux) ou Comando+E (macOS) enquanto a ferramenta rede está em foco.
Limpar pedidos
Para limpar todos os pedidos da tabela Pedidos, na ferramenta Rede , clique no botão Limpar registo de rede (
):
Em alternativa, prima Ctrl+L (Windows, Linux, macOS) ou Comando+K (macOS) enquanto a Ferramenta de rede tem o foco.
Guardar pedidos em carregamentos de páginas
Para guardar pedidos em carregamentos de páginas, na ferramenta Rede , selecione a caixa de verificação Preservar registo :
O DevTools guarda todos os pedidos até desativar a opção Preservar registo.
Captura de ecrã durante o carregamento de páginas
Pode capturar capturas de ecrã para analisar o que é apresentado para os utilizadores enquanto aguarda que a sua página seja carregada.
Para ativar capturas de ecrã:
Em DevTools, abra a ferramenta Rede .
No canto superior direito da ferramenta Rede , clique no ícone Definições de rede (engrenagem). É apresentada uma linha de caixas de verificação.
Selecione a caixa de verificação Capturar capturas de ecrã:
Para capturar uma captura de ecrã:
Enquanto a Ferramenta de rede estiver focada, prima Ctrl+F5 para atualizar a página. As capturas de ecrã são capturadas durante o carregamento da página e as miniaturas são apresentadas abaixo da linha de caixas de verificação.
Pode interagir com as capturas de ecrã da seguinte forma.
Paire o cursor sobre uma captura de ecrã para apresentar o ponto em que essa captura de ecrã foi capturada. É apresentada uma linha vertical amarela no painel Gráfico de Descrição Geral.
Clique na miniatura de uma captura de ecrã para filtrar os pedidos que ocorreram após a captura de ecrã.
Faça duplo clique numa miniatura de captura de ecrã para ampliar e ver a captura de ecrã.
Prima Esc para fechar o visualizador de captura de ecrã.
Alterar o comportamento de carregamento
Emular um visitante pela primeira vez ao desativar a cache do browser
Para emular a forma como um utilizador pela primeira vez experimenta o seu site, ative a caixa de verificação Desativar cache . O DevTools desativa a cache do browser. Esta funcionalidade emula com maior precisão a experiência de um utilizador pela primeira vez, uma vez que os pedidos são servidos a partir da cache do browser em visitas repetidas.
A caixa de verificação Desativar Cache :
Desativar a cache do browser a partir da ferramenta Condições de rede
A partir da Ferramenta de rede , pode abrir a ferramenta Condições de rede no painel Vista Rápida e, em seguida, desativar a cache do browser a partir daí:
Na ferramenta Rede, clique no botão Mais condições de rede (
A ferramenta Condições de rede é aberta no painel Vista Rápida .Na ferramenta Condições de rede , selecione a caixa de verificação Desativar cache :
Veja também:
Limpar manualmente a cache do browser
Para limpar manualmente a cache do browser em qualquer altura, clique com o botão direito do rato em qualquer parte da tabela Pedidos e, em seguida, selecione Limpar cache do browser:
Emular offline
Uma classe de aplicações Web, denominada Progressive Aplicativos Web (PWA), consegue funcionar offline com a ajuda dos trabalhadores de serviços. Poderá considerar útil simular rapidamente um dispositivo sem ligação de dados quando estiver a criar este tipo de aplicação.
Para simular uma experiência de rede offline, selecione o menu > pendente Sem limitaçãopredefinições>Offline.
O menu pendente Offline :
Emular ligações de rede lentas
Emula velocidades lentas de 3G, Fast 3G e outras velocidades de ligação no menu pendente Sem limitação .
O menu pendente Limitação :
Pode escolher entre predefinições diferentes, como Slow 3G ou Fast 3G. Para adicionar as suas próprias predefinições personalizadas, abra o menu Limitação e selecione Personalizar>Adicionar.
O DevTools apresenta um ícone de aviso junto à Ferramenta de rede para lembrá-lo de que a limitação está ativada.
Veja também Simular uma ligação de rede mais lenta em Inspecionar atividade de rede.
Emular ligações de rede lentas da ferramenta Condições de Rede
A partir da ferramenta Rede , pode abrir a ferramenta Condições de rede no painel Vista Rápida e, em seguida, limitar a ligação de rede a partir daí:
Na ferramenta Rede , clique no botão Mais condições de rede (
. A ferramenta Condições de rede é aberta no painel Vista Rápida .Na ferramenta Condições de rede , no menu Limitação de rede, selecione uma velocidade de ligação.
Veja também:
Limpar manualmente os cookies do browser
Para limpar manualmente os cookies do browser em qualquer altura, clique com o botão direito do rato em qualquer parte da tabela Pedidos e, em seguida, selecione Limpar cookies do browser.
Substituir o agente de utilizador
Para substituir manualmente o agente de utilizador:
Na ferramenta Rede, clique no botão Mais condições de rede (
A ferramenta Condições de rede é aberta no painel Vista Rápida .Na ferramenta Condições de rede , desmarque a caixa de verificação Utilizar o browser predefinido . Os outros controlos ficam disponíveis.
Selecione uma opção de agente de utilizador no menu ou introduza um agente de utilizador personalizado na caixa de texto.
Definir sugestões de cliente do agente de utilizador
Se o seu site utilizar sugestões de cliente do agente de utilizador e quiser testá-las, pode defini-las na ferramenta Condições de rede ou em Emular dispositivos móveis (Emulação do Dispositivo).
Para definir sugestões de cliente do agente de utilizador na ferramenta Condições de rede :
Na ferramenta Rede, clique no botão Mais condições de rede (
A ferramenta Condições de rede é aberta no painel Vista Rápida .Na secção Agente de utilizador , desmarque a caixa de verificação Utilizar o browser predefinido e, em seguida, expanda Sugestões de cliente do agente de utilizador:
Na lista pendente Agente de utilizador , selecione um browser e um dispositivo predefinidos. Em alternativa, aceite o valor predefinido de Personalizado...e introduza informações na caixa de texto Introduzir um agente de utilizador personalizado .
Para uma das opções (predefinida ou personalizada), especifique as sugestões do cliente do agente de utilizador da seguinte forma:
- Marca e Versão , como o Edge e o 92. Para adicionar vários pares de marca/versão, clique em + Adicionar Marca.
- Versão Completa do Browser , como 92.0.1111.0.
- Plataforma e Versão , como Windows e 10.0.
- Arquitetura como x86.
- Modelo de dispositivo como Galaxy Nexus.
Pode definir ou alterar qualquer uma das sugestões do cliente do agente de utilizador; não existem valores necessários.
Selecione Atualizar.
Para verificar as alterações, clique em Consola e escreva
navigator.userAgentData. Expanda os resultados conforme necessário para ver as alterações aos dados do agente do utilizador.
Veja também:
- Sugestões de Cliente do Agente de Utilizador na Deteção do Microsoft Edge a partir do seu site.
Filtrar pedidos
Pode filtrar pedidos por propriedades, por tipo ou por tempo, e pode ocultar URLs de dados.
Filtrar pedidos por propriedades
Utilize a caixa de texto Filtrar para filtrar pedidos por propriedades, como o domínio ou o tamanho do pedido.
Se a caixa de texto não for apresentada, é provável que o painel Filtros esteja oculto. Para obter mais informações, consulte Ocultar o painel Filtros.
A caixa de texto Filtrar :
Pode utilizar várias propriedades em simultâneo ao separar cada propriedade com um espaço. Por exemplo, mime-type:image/png larger-than:1K apresenta todos os PNGs com mais de 1 quilobyte. Os filtros de várias propriedades são equivalentes a AND operações.
OR as operações não são atualmente suportadas.
A lista completa de propriedades suportadas:
| Propriedade | Detalhes |
|---|---|
domain |
Apresentar apenas recursos do domínio especificado. Pode utilizar um caráter universal (*) para incluir vários domínios. Por exemplo, *.com apresenta recursos de todos os nomes de domínio que terminam em .com. As DevTools preenchem o menu pendente de conclusão automática com todos os domínios encontrados. |
has-response-header |
Apresenta os recursos que contêm o cabeçalho de resposta HTTP especificado. As DevTools preenchem o menu pendente de conclusão automática com todos os cabeçalhos de resposta encontrados. |
is |
Utilize is:running para localizar WebSocket recursos. |
larger-than |
Apresenta recursos maiores do que o tamanho especificado, em bytes. Definir um valor de 1000 é equivalente a definir um valor de 1k. |
method |
Apresenta os recursos que foram obtidos através de um tipo de método HTTP especificado. O DevTools preenche o menu pendente com todos os métodos HTTP encontrados. |
mime-type |
Apresenta recursos de um tipo de MIME especificado. O DevTools preenche o menu pendente com todos os tipos de MIME encontrados. |
mixed-content |
Mostrar todos os recursos de conteúdo misto (mixed-content:all) ou apenas os que são apresentados atualmente (mixed-content:displayed). |
scheme |
Mostra os recursos obtidos através de HTTP () desprotegido ouscheme:http HTTPS protegido (scheme:https). |
set-cookie-domain |
Apresenta recursos que têm um Set-Cookie cabeçalho com um Domain atributo que corresponde ao valor especificado. As DevTools povoam a conclusão automática com todos os domínios de cookies encontrados. |
set-cookie-name |
Apresenta recursos que têm um Set-Cookie cabeçalho com um nome que corresponde ao valor especificado. As DevTools povoam a conclusão automática com todos os nomes de cookies encontrados. |
set-cookie-value |
Apresenta recursos que têm um Set-Cookie cabeçalho com um valor que corresponde ao valor especificado. As DevTools povoam a conclusão automática com todos os valores de cookies encontrados. |
status-code |
Apresenta recursos que correspondem ao código de status HTTP específico. As DevTools preenchem o menu pendente de conclusão automática com todos os códigos de status encontrados. |
Filtrar pedidos por tipo
Para filtrar pedidos por tipo de pedido, clique nos botões no painel Rede :
- XHR
- JS
- CSS
- Img
- Mídia
- Font
- Doc
- WS - WebSocket.
- Manifesto
- Outro - Qualquer outro tipo não listado aqui.
Se os botões não aparecerem, o painel Filtros poderá estar oculto. Consulte Ocultar o painel Filtros.
Para ativar vários filtros de tipo em simultâneo, prima sem soltar Ctrl (Windows, Linux) ou Comando (macOS) e, em seguida, clique nos filtros.
Utilize os filtros Tipo para apresentar os recursos de JS, CSS e Documento:
Filtrar pedidos por hora
Clique e arraste para a esquerda ou para a direita no painel Descrição geral para apresentar apenas os pedidos que estavam ativos durante esse período de tempo. O filtro é inclusivo. Todos os pedidos que estiveram ativos durante a hora realçada são apresentados.
Filtrar todos os pedidos que estavam inativos por volta de 300 ms:
Ocultar URLs de dados
Os URLs de dados são pequenos ficheiros incorporados noutros documentos. Qualquer pedido apresentado na tabela Pedidos que começa com data: é um URL de dados.
Para ocultar os pedidos, desative a caixa de verificação Ocultar URLs de dados :
Ordenar pedidos
Por predefinição, os pedidos na tabela Pedidos são ordenados pela hora de início, mas pode ordenar a tabela com outros critérios.
Ordenar por coluna
Clique no cabeçalho de qualquer coluna na coluna Pedidos para ordenar pedidos por essa coluna.
Ordenar por fase de atividade
Para alterar a forma como a Cascata ordena os pedidos:
Clique com o botão direito do rato no cabeçalho da tabela Pedidos, clique em Cascata e, em seguida, selecione uma das seguintes opções:
Hora de Início – o primeiro pedido que foi iniciado é colocado na parte superior.
Tempo de Resposta – o primeiro pedido que iniciou a transferência é colocado na parte superior.
Hora de Fim – o primeiro pedido concluído é colocado na parte superior.
Duração Total – o pedido com as definições de ligação mais curtas e o pedido ou resposta são colocados na parte superior.
Latência – o pedido que aguardou o tempo mais curto para uma resposta é colocado na parte superior.
Estas descrições partem do princípio de que cada opção é classificada da mais curta para a mais longa. Clique no cabeçalho da coluna Cascata para inverter a ordem.
O seguinte mostra a ordenação da Cascata por duração total. A parte mais clara de cada barra é o tempo despendido à espera e a parte mais escura é o tempo despendido a transferir bytes:
Analisar pedidos
Desde que o DevTools esteja aberto, regista todos os pedidos na ferramenta Rede . Utilize a Ferramenta de rede para analisar pedidos.
Apresentar um registo de pedidos
Utilize a tabela Pedidos para apresentar um registo de todos os pedidos efetuados enquanto o DevTools estiver aberto. Para revelar mais informações sobre cada item, clique ou paire o cursor sobre os pedidos.
A tabela Pedidos apresenta as seguintes colunas por predefinição:
- Nome. O nome do ficheiro do recurso ou um identificador do recurso.
- Status. O código de status HTTP.
- Escreva. O tipo de MIME do recurso pedido.
-
Iniciador. Os seguintes objetos ou processos podem iniciar pedidos:
- Analisador. O analisador html.
- Redirecionamento. Um redirecionamento HTTP.
- Script. Uma função JavaScript.
- Outros. Outro processo ou ação, como navegar para uma página através de uma ligação ou introduzir um URL na barra de endereço.
- Tamanho. O tamanho combinado dos cabeçalhos de resposta mais o corpo da resposta, conforme fornecido pelo servidor.
- Hora. A duração total, desde o início do pedido até à receção do byte final na resposta.
- Realizado por. Se o pedido foi cumprido pela cache HTTP ou pela função de trabalho de serviço da aplicação.
- Cascata. Uma discriminação visual da atividade de cada pedido.
Adicionar ou remover colunas
Clique com o botão direito do rato no cabeçalho da tabela Pedidos e selecione um nome de coluna para ocultá-lo ou mostrá-lo. As colunas atualmente apresentadas têm marcas de verificação junto às mesmas.
Adicionar colunas para cabeçalhos de resposta
Para adicionar uma coluna personalizada à tabela Pedidos, clique com o botão direito do rato no cabeçalho da tabela Pedidos e, em seguida, selecione Cabeçalhos de Resposta Gerir Colunas> deCabeçalho. É aberta a janela de pop-up Gerir Colunas de Cabeçalho . Clique no botão Adicionar cabeçalho personalizado , introduza o nome do cabeçalho personalizado e, em seguida, clique em Adicionar.
Apresentar a relação de temporização dos pedidos
Utilize a Cascata para apresentar as relações de temporização dos pedidos. A organização predefinida da Cascata utiliza a hora de início dos pedidos. Assim, os pedidos que estão mais à esquerda começaram mais cedo do que os pedidos que estão mais à direita.
Para ver as diferentes formas de ordenar a Cascata, aceda a Ordenar por fase de atividade.
A coluna Cascata do painel Pedidos :
Apresentar uma pré-visualização de um corpo de resposta
Para pré-visualizar o conteúdo de um corpo de resposta HTTP:
Na tabela Pedido, clique no nome do pedido.
Na barra lateral, selecione o separador Pré-visualizar :
Apresentar um corpo de resposta
Para apresentar o corpo da resposta a um pedido:
Na tabela Pedido, clique no nome do pedido.
Na barra lateral, selecione o separador Resposta :
Apresentar cabeçalhos HTTP
Para apresentar dados de cabeçalho HTTP sobre um pedido:
Na tabela Pedido, clique no nome do pedido.
Na barra lateral, selecione o separador Cabeçalhos :
Apresentar parâmetros de cadeia de consulta
Para apresentar os parâmetros da cadeia de consulta de um pedido HTTP num formato legível por humanos:
- Na tabela Pedido, clique no nome do pedido.
- Na barra lateral, selecione o separador Payload :
Para apresentar a origem dos parâmetros da cadeia de consulta, clique em ver origem.
Apresentar parâmetros de cadeia de consulta codificadas com URL
Para apresentar parâmetros de cadeia de consulta num formato legível por humanos, mas com codificações preservadas:
- Na tabela Pedido, clique no nome do pedido.
- Na barra lateral, selecione o separador Payload .
- Clique em Ver codificação de URL.
Apresentar cookies
Para apresentar os cookies enviados no cabeçalho HTTP de um pedido:
Na tabela Pedido, clique no nome do pedido.
Na barra lateral, selecione o separador Cookies :
Apresentar a discriminação de temporização de um pedido
Para apresentar a discriminação da temporização de um pedido:
Na tabela Pedido, clique no nome do pedido.
Na barra lateral, selecione o separador Temporização .
Para obter uma forma mais rápida de aceder aos dados, veja Pré-visualizar uma discriminação de temporização.
Para obter mais informações sobre cada uma das fases que podem ser apresentadas no painel Temporização, veja Explicação das fases de divisão da temporização.
Pré-visualizar uma divisão de temporização
Para apresentar uma pré-visualização da discriminação de temporização de um pedido, na coluna Cascata da tabela Pedidos, paire o cursor sobre a entrada do pedido.
Pré-visualizar a discriminação de temporização de um pedido:
Para ver os dados sem pairar o cursor, veja a parte superior da secção atual, Apresentar a discriminação da temporização de um pedido.
Explicação das fases de divisão do tempo
Cada uma destas fases pode aparecer no separador Temporização :
Colocação em fila. As filas do browser solicitam quando qualquer um dos seguintes casos é verdadeiro
- Existem pedidos de prioridade superior.
- Já existem seis ligações TCP abertas para esta origem, que é o limite. Aplica-se apenas a HTTP/1.0 e HTTP/1.1.
- O browser está a alocar espaço brevemente na cache do disco.
Parado. O pedido pode estar parado por qualquer uma das razões descritas em Colocação em Fila.
Pesquisa DNS. O browser está a resolver o endereço IP do pedido.
Ligação inicial. O browser está a estabelecer uma ligação, incluindo handshakes e repetições TCP e a negociar uma SSL (Secure Socket Layer).
Negociação por procuração. O browser está a negociar o pedido com um servidor proxy.
Pedido enviado. O pedido está a ser enviado.
Preparação do ServiceWorker. O browser está a iniciar a função de trabalho de serviço.
Pedido ao ServiceWorker. O pedido está a ser enviado para a função de trabalho de serviço.
A aguardar (TTFB). O browser está a aguardar o primeiro byte de uma resposta. TTFB significa Time To First Byte. Esta temporização inclui um percurso de ida e volta de latência e o tempo que o servidor demorou a preparar a resposta.
Transferência de Conteúdo. O browser está a receber a resposta.
A receber Push. O browser está a receber dados para esta resposta através de HTTP/2 Server Push.
Push de Leitura. O browser está a ler os dados locais que foram recebidos anteriormente.
Apresentar iniciadores e dependências
Para apresentar os iniciadores e as dependências de um pedido, mantenha premida a tecla Shift e paire o cursor sobre o pedido na tabela Pedidos .
- Os pedidos que iniciaram o pedido pairado são apresentados a verde.
- As dependências dos pedidos pairados são apresentadas a vermelho.
Quando a tabela Pedidos é ordenada cronologicamente, se pairar sobre uma linha, a linha anterior apresenta um pedido verde. O pedido verde é o iniciador da dependência. Se for apresentado outro pedido verde na linha anterior, esse pedido superior será o iniciador do iniciador. E assim por diante.
Apresentar eventos de carregamento
As DevTools apresentam a temporização dos DOMContentLoaded eventos e load em vários locais na ferramenta Rede :
- No painel Descrição Geral com linhas verticais.
- Na coluna Cascata da tabela Pedido com linhas verticais.
- No painel Resumo , na parte inferior da ferramenta Rede , com etiquetas de temporização.
O DOMContentLoaded evento é colorido a azul e o load evento é vermelho.
Apresentar o número total de pedidos
O número total de pedidos está listado no painel Resumo , na parte inferior da ferramenta Rede .
Cuidado
Este número apenas monitoriza os pedidos que foram registados desde que o DevTools foi aberto. Se outros pedidos ocorrerem antes de as DevTools serem abertas, esses pedidos não serão contabilizados.
Apresentar o tamanho total da transferência
O tamanho total da transferência de pedidos está listado no painel Resumo , na parte inferior da ferramenta Rede .
Cuidado
Este número apenas monitoriza os pedidos que foram registados desde que o DevTools foi aberto. Se outros pedidos ocorrerem antes da abertura das DevTools, os pedidos anteriores não serão contabilizados.
Para verificar o tamanho dos recursos após o browser descomprimir cada item, veja Apresentar o tamanho descomprimido de um recurso.
Apresentar o rastreio de pilha que causou um pedido
Depois de uma instrução JavaScript pedir um recurso, paire o cursor sobre a coluna Iniciador para apresentar o rastreio de pilha que antecede o pedido.
Apresentar o tamanho descomprimido de um recurso
Para ver o tamanho transferido e o tamanho descomprimido de um recurso ao mesmo tempo:
No canto superior direito da ferramenta Rede , clique no ícone Definições de rede (engrenagem). É apresentada uma linha de caixas de verificação.
Ative a caixa de verificação Linhas de pedidos grandes.
Examine a coluna Tamanho na tabela Pedido. O valor superior é o tamanho transferido e o valor inferior é o tamanho do recurso depois de o browser o descomprimir:
Exportar dados de pedidos
Guardar todos os pedidos de rede num ficheiro HAR
Para guardar todos os pedidos de rede num ficheiro HAR:
Na tabela Pedidos , clique com o botão direito do rato num pedido e, em seguida, selecione Guardar tudo como HAR com Conteúdo.
O DevTools guarda todos os pedidos que ocorreram desde que abriu o DevTools para o ficheiro HAR. Não pode filtrar pedidos e não pode guardar um único pedido.
Depois de guardar um ficheiro HAR, pode importá-lo novamente para DevTools para análise ao arrastar e largar o ficheiro HAR na tabela Pedidos .
Copiar um ou mais pedidos para a área de transferência
Na coluna Nome da tabela Pedidos, clique com o botão direito do rato num pedido, clique em Copiar e, em seguida, selecione uma das seguintes opções:
| Nome | Detalhes |
|---|---|
| Copiar Endereço da Ligação | Copie o URL do pedido para a área de transferência. |
| Copiar Resposta | Copie o corpo da resposta para a área de transferência. |
| Copiar como Obtenção | |
| Copiar como cURL | Copie o pedido como um comando cURL. |
| Copiar Tudo como Obtenção | |
| Copiar Tudo como cURL | Copie todos os pedidos como uma cadeia de comandos cURL. |
| Copiar Tudo como HAR | Copie todos os pedidos como dados HAR. |
Copiar JSON de resposta formatada para a área de transferência
Para copiar os dados JSON formatados de uma resposta JSON:
Na tabela Pedido, clique no nome do pedido que levou a uma resposta JSON.
Na barra lateral, selecione o separador Pré-visualizar .
Clique com o botão direito do rato na primeira linha da pré-visualização da resposta JSON formatada e, em seguida, selecione Copiar valor.
Agora, pode colar o valor em qualquer editor para o rever.
Copiar valores de propriedades de pedidos de rede para a área de transferência
Para copiar valores de propriedade de pedidos de rede para a área de transferência:
- Na tabela Pedido, clique no nome do pedido.
- Na barra lateral, selecione o separador Payload :
- Expanda uma das secções seguintes.
- Payload do pedido (JSON)
- Dados do Formulário
- Parâmetros da Cadeia de Consulta
- Cabeçalhos do Pedido
- Cabeçalhos de Resposta
- Clique com o botão direito do rato num valor e, em seguida, selecione Copiar valor. Agora, pode colar o valor em qualquer editor para o rever.
Alterar o esquema do painel Rede
Pode expandir ou fechar secções da IU da Ferramenta de rede para focar informações importantes.
Ocultar o painel Filtros
Por predefinição, o DevTools mostra o painel Filtros . Para ocultar o painel Filtros , selecione Filtro (
).
Linhas de pedidos grandes
Utilize linhas de pedidos grandes quando quiser mais espaço em branco na tabela de pedidos de rede. Algumas colunas também fornecem um pouco mais de informações ao utilizar linhas grandes. Por exemplo, o valor inferior da coluna Tamanho é o tamanho descomprimido de um pedido.
Para ativar linhas grandes, selecione a caixa de verificação Linhas de pedidos grandes. Um exemplo de grandes linhas de pedidos no painel Pedidos :
Ocultar o painel Descrição Geral
Por predefinição, o DevTools apresenta o painel Descrição Geral . Para ocultar o painel Descrição Geral , desmarque a caixa de verificação Mostrar Descrição Geral .
Confira também
- Inspecionar a atividade de rede – instruções passo a passo e introdução à Ferramenta de rede .
Observação
Partes desta página são modificações baseadas no trabalho criado e partilhado pela Google e utilizado de acordo com os termos descritos na Licença Internacional Creative Commons Attribution 4.0. A página original é encontrada aqui e é da autoria de Kayce Bascos.
Este trabalho é licenciado ao abrigo de uma Licença Internacional creative Commons Attribution 4.0.