Usa el panel Bloqueo de solicitudes de red para probar el comportamiento de tu página si no se pueden cargar ciertos recursos, como imágenes o hojas de estilo.
Descripción general
El panel Bloqueo de solicitudes de red te permite bloquear varios recursos o "patrones" al mismo tiempo y activarlos o desactivarlos desde una lista. También puedes bloquear dominios o URLs de solicitudes de red desde el panel Red. Los patrones respectivos aparecerán en el panel Bloqueo de solicitudes de red.
El panel Bloqueo de solicitudes de red te permite hacer lo siguiente:
- Agrega o quita patrones.
- Edita patrones.
- Quita todos los patrones.
- Habilita o inhabilita el bloqueo de solicitudes de red. Una vez habilitado, puedes activar o desactivar el bloqueo de un patrón individual.
Si cierras Herramientas para desarrolladores, se inhabilita el bloqueo de solicitudes de red. Debes abrir el panel y volver a habilitar el bloqueo. Sin embargo, DevTools guarda los patrones incluso después de que se cierra el navegador.
Abre el panel de bloqueo de solicitudes de red
Para abrir el panel Bloqueo de solicitudes de red, haz lo siguiente:
- Abre las Herramientas para desarrolladores.
- Para abrir el menú de comandos, presiona lo siguiente:
- macOS: Comando+Mayúsculas+P
- Windows, Linux y ChromeOS: Control + Mayúsculas + P
- Comienza a escribir
Network request blocking, selecciona Show Network request blocking y presiona Intro. Las Herramientas para desarrolladores muestran el panel Bloqueo de solicitudes de red en la parte inferior de la ventana de Herramientas para desarrolladores.
Como alternativa, en la esquina superior derecha, selecciona Más opciones > Más herramientas > Bloqueo de solicitudes de red.
Cómo bloquear una solicitud de red
Existen dos maneras de bloquear una solicitud de red. Primero:
En el panel Bloqueo de solicitudes de red, haz clic en Agregar patrón. Aparecerá un cuadro de entrada en el que se te pedirá que ingreses un "patrón de texto para bloquear las solicitudes coincidentes".
Puedes ingresar cualquiera de las siguientes opciones:
- Una URL completa.
- Una URL parcial con un asterisco "
*" para la concordancia de patrones con comodines. - Un nombre de dominio Esto bloquea todas las solicitudes que contengan este dominio.
Haz clic en Agregar y asegúrate de que la casilla de verificación Habilitar el bloqueo de solicitudes de red esté marcada.
Vuelve a cargar la página. En el panel Bloqueo de solicitudes de red, se muestra la cantidad de solicitudes bloqueadas junto al patrón.
En segundo lugar, puedes bloquear las solicitudes de red desde el panel Red en DevTools.
- En el panel Red, en la sección Nombre, haz clic con el botón derecho en una solicitud y selecciona Bloquear URL de solicitud o Bloquear dominio de solicitud.
- El panel Bloqueo de solicitudes de red se abre automáticamente y muestra el patrón relevante como bloqueado.
- Asegúrate de que la casilla de verificación Habilitar el bloqueo de solicitudes de red esté marcada.
- Vuelve a cargar la página para ver la cantidad de solicitudes bloqueadas junto al patrón correspondiente.
La cantidad de solicitudes bloqueadas puede actualizarse a medida que se realizan más solicitudes. Si actualizas la página, se restablecen los números.
Cómo quitar un patrón de bloqueo de solicitudes de red
Para quitar un patrón de bloqueo de solicitudes de red específico de la lista, sigue estos pasos:
- En el panel Bloqueo de solicitudes de red, coloca el cursor sobre un patrón.
- Haz clic en el botón Borrar.
Para quitar todos los patrones de bloqueo de solicitudes de red, en la barra de actividad, haz clic en el botón Quitar todos los patrones de bloqueo de red.
Modifica un patrón de solicitud de bloqueo de red
Para modificar un patrón, en el panel Bloqueo de solicitudes de red, haz clic en el botón Editar junto al patrón, edítalo y haz clic en Guardar.
Activa o desactiva el bloqueo de solicitudes de red
La casilla de verificación Enable network request blocking te permite habilitar y desactivar el bloqueo de solicitudes de red para todos los patrones a la vez.