Use o painel Bloqueio de solicitação de rede para testar o comportamento da sua página se determinados recursos, como imagens ou folhas de estilo, não forem carregados.
Visão geral
O painel Bloqueio de solicitação de rede permite bloquear vários recursos ou "padrões" ao mesmo tempo e alternar entre eles em uma lista. Também é possível bloquear domínios ou URLs de solicitação de rede no painel Rede para que os respectivos padrões apareçam no painel Bloqueio de solicitação de rede.
No painel Bloqueio de solicitações de rede, é possível:
- Adicione ou remova padrões.
- Editar padrões.
- Remova todos os padrões.
- Ativar ou desativar o bloqueio de solicitações de rede. Depois de ativado, é possível alternar o bloqueio para um padrão individual.
Fechar o DevTools desativa o bloqueio de solicitações de rede. Você precisa abrir o painel e ativar o bloqueio novamente. No entanto, o DevTools salva os padrões mesmo depois que o navegador é fechado.
Abrir o painel de bloqueio de solicitações de rede
Para abrir o painel Bloqueio de solicitações de rede:
- Abra o DevTools.
- Abra o Menu de comando pressionando:
- macOS: Command+Shift+P
- Windows, Linux e ChromeOS: Control + Shift + P
- Comece a digitar
Network request blocking, selecione Mostrar bloqueio de solicitação de rede e pressione Enter. O DevTools exibe o painel Bloqueio de solicitação de rede na parte inferior da janela do DevTools.
Você também pode selecionar more_vert Mais opções > Mais ferramentas > Bloqueio de solicitação de rede no canto superior direito.
Bloquear uma solicitação de rede
Há duas maneiras de bloquear uma solicitação de rede. Primeiro:
No painel Bloqueio de solicitação de rede, clique em adicionar Adicionar padrão. Uma caixa de entrada será exibida solicitando que você insira um "Padrão de texto para bloquear solicitações correspondentes".
Você pode inserir uma das seguintes opções:
- Um URL completo.
- Um URL parcial com um asterisco "
*" para correspondência de padrão de caracteres curinga. - Um nome de domínio. Isso bloqueia todas as solicitações que contenham esse domínio.
Clique em Adicionar e verifique se a caixa de seleção Ativar bloqueio de solicitação de rede está marcada.
Recarregue a página. O painel Bloqueio de solicitações de rede mostra o número de solicitações bloqueadas ao lado do padrão.
Em segundo lugar, é possível bloquear solicitações de rede pelo painel Network no DevTools.
- No painel Rede, na seção Nome, clique com o botão direito do mouse em uma solicitação e selecione Bloquear URL de solicitação ou Bloquear domínio de solicitação.
- O painel Bloqueio de solicitações de rede é aberto automaticamente e lista o padrão relevante como bloqueado.
- Verifique se a caixa de seleção Ativar bloqueio de solicitação de rede está marcada.
- Atualize a página para conferir o número de solicitações bloqueadas ao lado do padrão correspondente.
O número de solicitações bloqueadas poderá ser atualizado à medida que mais solicitações forem feitas. A atualização da página redefine os números.
Remover um padrão de bloqueio de solicitações de rede
Para remover um padrão de bloqueio de solicitações de rede específico da lista:
- No painel Bloqueio de solicitação de rede, passe o cursor sobre um padrão.
- Clique no botão excluir Excluir.
Para remover todos os padrões de bloqueio de solicitações de rede, na barra de atividades, clique no botão Bloquear Remover todos os padrões de bloqueio de rede.
Modificar um padrão de solicitação de bloqueio de rede
Para modificar um padrão, no painel Bloqueio de solicitação de rede, clique no botão editar Editar ao lado do padrão, edite-o e clique em Salvar.
Alternar bloqueio de solicitação de rede
A caixa de seleção check_box Ativar bloqueio de solicitação de rede permite ativar e desativar o bloqueio de solicitações de rede para todos os padrões de uma só vez.