Realice cambios permanentes en las páginas web con la herramienta Overrides Dev Tool de Chrome

Local Overrides es una función experimental relativamente nueva de las herramientas de desarrollo del navegador web Google Chrome que puede utilizar para realizar cambios permanentes en las páginas web de forma similar a como lo haría con los scripts de usuario o los estilos de usuario.

Si bien es posible que la mayoría de los usuarios no quieran modificar el estilo u otro contenido en las páginas web que visitan con regularidad; algunos usuarios quieren hacerlo para eliminar molestias, mejorar la usabilidad o realizar otras modificaciones.



Un buen ejemplo es un sitio que es demasiado brillante a los ojos del usuario. Usando anulaciones, puede cambiar el estilo del sitio web a uno oscuro para que sea más agradable a la vista. También puede usarlo para aumentar o disminuir el tamaño de fuente, cambiar fuentes, eliminar imágenes de fondo o manipular cualquier otro elemento de la página.

Configuración de anulaciones locales en Google Chrome

enable local overrides in chrome

Local Overrides es una función experimental de Google Chrome que está disponible en todas las versiones compatibles del navegador.



Esto es lo que debe hacer para habilitarlo:

  1. Toque F12 para abrir la interfaz de Herramientas de desarrollo.
  2. Toque F1 en la interfaz para abrir las Preferencias.
  3. En Preferencias, busque 'Habilitar anulaciones locales' y marque la opción.
  4. Visite una página web en la que desee realizar cambios permanentes.
  5. Cambie al panel Fuentes en las Herramientas para desarrolladores.
  6. Haga clic en el icono con las dos flechas apuntando a la derecha y seleccione Anulaciones en el menú.
  7. Seleccione 'configurar anulaciones' y elija una carpeta local en la que desee almacenar las anulaciones.
  8. Acepte la solicitud de Chrome para acceder a la carpeta.

Uso de anulaciones locales en Google Chrome

chrome local overrides

El uso de anulaciones para los recursos es bastante sencillo. Abra el panel Red en el navegador para comenzar. Si no ve ningún archivo cargado, vuelva a cargar la página para completar la lista.



Haga clic con el botón derecho en cualquier archivo de recursos que desee anular y seleccione la opción 'guardar como anular'. Chrome guarda los datos en el sistema local y los usará en lugar del recurso original cuando cargue la página web.

Puede editar el archivo luego en Fuentes> Anulaciones. Esto funciona bien para los estilos, pero puede anular prácticamente cualquier archivo de origen, incluidas las páginas HTML y los archivos JavaScript.

Las anulaciones se guardan automáticamente y puede eliminarlas de la lista de anulaciones en las herramientas para desarrolladores de Chrome o utilizar las preferencias en su lugar.

chrome overrides

La sección de anulaciones de las preferencias de las Herramientas para desarrolladores enumera todos los sitios con anulaciones. Cuando pasa el cursor sobre una entrada, puede eliminarla para eliminar todas las anulaciones o hacer clic en editar para cambiar el nombre de dominio.



Vea el siguiente video instructivo que destaca cómo puede usar la función para mejorar el rendimiento de las páginas web.

Palabras de cierre

Local Overrides es una función experimental, lo que significa que Google puede utilizarla en el futuro o integrarla completamente en el navegador. Por ahora, es una excelente opción para cambiar el estilo o código de las páginas web que visita regularmente y una alternativa al uso de estilos de usuario o scripts para eso.

La principal ventaja de la opción incorporada es que puede usar las herramientas de desarrollo de Chrome para ver los cambios en tiempo real sin tener que guardar archivos externos manualmente y recargar páginas cada vez que realiza cambios.

Ahora tu: ¿Utiliza scripts de usuario o estilos?