- Chris Hoffman
@chrisbhoffman
- 2 de octubre de 2019, 8: 00am EDT
las páginas Web son solo documentos que muestra su navegador web. Pero, ¿y si pudieras escribir directamente en cualquier página web para modificarla? Usted puede, y usted no necesita una extensión del navegador—es una característica integrada en todos los navegadores modernos.
Esta característica aprovecha el » documento.función designMode», que puede habilitar a través de la consola JavaScript de su navegador web., Recientemente fue destacado por Tomek Sułkowski en Twitter, pero es tan genial que tenemos que compartirlo con nuestros lectores.
Puede 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 hacer bromas a la gente. Será como editar un documento de Word, no se requiere jugar con HTML.
para activar esta función, visite una página web y abra la consola del desarrollador., Para abrir la consola en Google Chrome, haga clic en Menú >más herramientas > herramientas para desarrolladores o presione Ctrl+Shift + i.
mientras usamos Chrome como ejemplo aquí, esta función también funciona en otros navegadores modernos. Te mostramos cómo abrir la consola en otros navegadores:
- En Mozilla Firefox, haz clic en menu >Web Developer > Web Console o presiona Ctrl+Shift+K.,
- En Apple Safari, haga clic en Safari > preferencias > avanzado y habilite » Mostrar menú desarrollar en la barra de menús.»A continuación, haga clic en Develop > Show JavaScript Console.
- En Microsoft Edge, haga clic en Menú >más herramientas > herramientas para desarrolladores o presione F12 y luego haga clic en la pestaña «Consola».
Haga clic en la pestaña» Consola » en la parte superior del panel Herramientas para desarrolladores., Escriba lo siguiente en la consola y presione ENTRAR:
document.designMode = 'on'
ahora puede cerrar la consola, si lo desea, y editar la página web actual como si fuera un documento editable. Haga clic en algún lugar para insertar el cursor y escribir texto. Utilice las teclas retroceso o Eliminar para eliminar texto, imágenes y otros elementos.
esto solo cambia la forma en que aparece la página web en su navegador. Tan pronto como actualices la página, verás el original una vez más., Si va a otra página web o pestaña, no estará en modo diseño hasta que abra la consola y escriba esta línea una vez más.
incluso puede 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 sus cambios se conservarán hasta que vuelva a actualizar la página.
Chris Hoffman es el Editor en Jefe de How-To Geek. Ha escrito sobre tecnología durante casi una década y fue columnista de PCWorld durante dos años., Chris ha escrito para el New York Times, ha sido entrevistado como experto en tecnología en estaciones de televisión como NBC 6 de Miami, y ha tenido su trabajo cubierto por medios de comunicación como la BBC. Desde 2011, Chris ha escrito más de 2,000 artículos que se han leído más de 500 millones de veces, y eso es solo aquí en How-To Geek.Leer la Biografía Completa «