TrucosVariado

Cómo editar cualquier página web en Chrome

Editar cualquier página web en Chrome

Las páginas web son solo documentos que muestra tu navegador web. Pero, ¿qué pasaría si pudieras escribir directamente en cualquier página web para modificarla? Puedes, y no necesitas una extensión de navegador, es una función integrada en cada navegador moderno.

Esta característica aprovecha la función “document.designMode“, que puedes habilitar a través de la consola JavaScript de tu navegador web. Recientemente, Tomék Sułkowski lo destacó en Twitter, pero es tan genial que tenemos que compartirlo con nuestros lectores.

Puedes usar esta función para limpiar una página web antes de imprimirla , probar cómo se verán los cambios en una página web o incluso simplemente bromear con las personas. Será como editar un documento de Word: no se requiere jugar con HTML.

Utilizando la consola del navegador

Para activar esta función, visita una página web y luego abre la consola del desarrollador. Para abrir la consola en Google Chrome, haga clic en menú > Más herramientas > Herramientas para desarrolladores o presiona Ctrl + Shift + i.

Herramientas para desarrolladores en Chrome

Herramientas para desarrolladores en Chrome

Si bien estamos usando Chrome como ejemplo aquí, esta función también funciona en otros navegadores modernos . Aquí se explica cómo abrir la consola en otros navegadores:

  • En Mozilla Firefox, haz clic en menú> Desarrollador web > Consola web o presione Ctrl + Shift + K.
  • En Apple Safari, haz clic en Safari> Preferencias > Avanzado y habilite “Mostrar el menú Desarrollar en la barra de menú“. Luego, haz clic en Desarrollar> Mostrar consola JavaScript.
  • Y, en Microsoft Edge, haz en menú> Más herramientas> Herramientas para desarrolladores o presione F12 y luego haz clic en la pestaña “Consola“.

Haz clic en la pestaña “Consola” en la parte superior del panel Herramientas para desarrolladores. Escribe lo siguiente en la consola y presione la tecla Intro:

document.designMode = 'on'

Ahora puedes cerrar la consola, si lo deseas, y editar la página web actual como si fuera un documento editable. Haz clic en algún lugar para insertar el cursor y escribir texto. Usa las teclas Retroceso o Suprimir para eliminar texto, imágenes y otros elementos.

Editar cualquier página en Chrome

Editar cualquier página en Chrome

Esto solo cambia la forma en que aparece la página web en tu navegador. Tan pronto como actualices la página, verás el original una vez más. Si vas a otra página web o pestaña, no estará en modo de diseño hasta que abra la consola y vuelvas a escribir esta línea.

Incluso puedes volver a la consola y ejecutar el siguiente comando para desactivar el modo de diseño:

document.designMode = 'off'

La página web ya no será editable, pero tus cambios se conservarán hasta la próxima vez que actualices la página. ¿Trucazo no? …

NECESITAMOS TU AYUDA. Los ingresos por publicidad están cayendo rápidamente a través de Internet, y los sitios administrados de forma independiente como ADICTEC son los más afectados. El modelo publicitario en su forma actual está llegando a su fin, y tenemos que encontrar otras formas de continuar operando este sitio. Si te gusta nuestro contenido y deseas ayudar, considera hacer una contribución ¡haciendo clic aquí por favor!.

¡Listo! ¡Y básicamente es esto! Sin complicaciones y de forma muy rápida. Sigue visitando nuestro blog y encontrarás más trucos que te harán todo más sencillo. No olvides COMPARTIR el artículo y darle Like a nuestra fanpage de Facebook y/o suscribirte al canal de YouTube.

¿Qué tan útil fue este post?

¡Haga clic en una estrella para calificarla!

Valoración media 5 / 5. Conteo de votos: 5

Avatar
Sobre el Autor

Fanático a la informático e interesado en eventos y novedades tecnológicas y científicas. Si tienes algo que compartir sobre informática comunícate conmigo.
    Artículos Relacionados
    DescargasSoftwareTrucosVariado

    Mejor alternativa a Adobe Acrobat DC: Wondershare PDFelement

    DescargasSoftwareTrucosVariado

    Por qué elegir WinX DVD Ripper Platinum para ripear y digitalizar DVD (500 licencias por día)

    Aprende TecQue EsTrucosWindows

    ¿Qué es la aceleración del mouse y cómo deshabilitarla en Windows 10?

    TrucosVariado

    +5 maneras de mejorar duración de batería en laptops con Windows

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

    Tienes que leer esto...
    Cómo reanudar una descarga interrumpida en Google Chrome