Use o painel Bloqueio de solicitações de rede para testar como sua página se comporta se determinados recursos, como imagens ou folhas de estilo, forem impedidos de carregar.
Visão geral
O painel Bloqueio de solicitações de rede permite bloquear vários recursos ou "padrões" ao mesmo tempo e alterná-los em uma lista. Também é possível bloquear domínios de solicitação de rede ou URLs no painel Rede, e os respectivos padrões vão aparecer no painel Bloqueio de solicitações 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 após fechar o navegador.
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ções de rede e pressione Enter. O DevTools exibe o painel Network request Block na parte inferior da janela do DevTools.
Como alternativa, no canto superior direito, selecione more_vert Mais opções > Mais ferramentas > Bloqueio de solicitações de rede.
Bloquear uma solicitação de rede
Há duas maneiras de bloquear uma solicitação de rede. Primeira:
No painel Bloqueio de solicitações 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".
É possível inserir uma das seguintes opções:
- um URL completo.
- Um URL parcial com um asterisco "
*" para correspondência de padrão de caractere curinga. - Um nome de domínio. Isso bloqueia todas as solicitações que contêm esse domínio.
Clique em Adicionar e verifique se a caixa de seleção Ativar bloqueio de solicitações 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.
Também é possível bloquear solicitações de rede no painel Network do DevTools.
- No painel Rede, na seção Nome, clique com o botão direito em uma solicitação e selecione Bloquear URL da solicitação ou Bloquear domínio da 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 o bloqueio de solicitações 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 conforme mais solicitações forem feitas. Atualizar a página redefine os números.
Remover um padrão de bloqueio de solicitação de rede
Para remover um padrão de bloqueio de solicitações de rede específico da lista:
- No painel Bloqueio de solicitações 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ção de rede, na barra de atividade, 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ções de rede, clique no botão Editar Editar ao lado do padrão, faça a edição e clique em Salvar.
Alternar bloqueio de solicitação de rede
A caixa de seleção check_box Ativar bloqueio de solicitações de rede permite ativar e desativar o bloqueio de solicitações de rede para todos os padrões de uma só vez.