Use o painel Bloqueio de solicitações de rede para testar como a página se comporta se determinados recursos, como imagens ou folhas de estilo, não forem carregados.
Visão geral
O painel Bloqueio de solicitações 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ções de rede no painel Rede. Os respectivos padrões vão aparecer no painel Bloqueio de solicitações de rede.
No painel Bloqueio de solicitações de rede, você pode:
- Adicione ou remova padrões.
- Editar padrões.
- Remova todos os padrões.
- Ative ou desative o bloqueio de solicitações de rede. Depois de ativar, você pode ativar ou desativar o bloqueio para um padrão individual.
O fechamento do 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.
Abra 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 bloqueios de solicitação de rede e pressione Enter. As Ferramentas para Desenvolvedores mostram o painel Bloqueio de solicitações de rede na parte de baixo da janela.
Como alternativa, no canto superior direito, selecione 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. Primeiro:
No painel Bloqueio de solicitações de rede, clique em Adicionar padrão. Uma caixa de entrada vai aparecer para você inserir um "Padrão de texto para bloquear solicitações correspondentes".
Você pode inserir qualquer um dos seguintes:
- Um URL completo.
- Um URL parcial com um asterisco "
*" para correspondência de padrão 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 o 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.
Em segundo lugar, é possível bloquear solicitações de rede no painel Rede do DevTools.
- No painel Rede, na seção Nome, clique com o botão direito do mouse 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 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 pode ser atualizado à medida que mais solicitações são 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, faça o seguinte:
- No painel Bloqueio de solicitações de rede, passe o cursor sobre um padrão.
- Clique no botão Excluir.
Para remover todos os padrões de bloqueio de solicitações de rede, clique no botão Remover todos os padrões de bloqueio de rede na barra de atividades.
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 ao lado do padrão, edite-o e clique em Salvar.
Ativar ou desativar o bloqueio de solicitações de rede
A caixa de seleção 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.