Utiliza el «designMode» para editar un sitio en tiempo real directamente desde el navegador.

Imagina una forma de hacer el todo texto de un sitio web «editable» claro que lo podríamos hacer con contentEditable en cada elemento pero  eso puede ser posible con una linea de código que debes pegar en la consola del navegador , es de verdadera ayuda cuando necesitamos probar textos sin estar modificando el código fuente, también podemos obtener esos cambios  con un poco de javascript y podríamos actualizar el mismo código directamente desde el browser, algo como lo que hace medium.com.

Es muy útil cuando :

  • Requieres mostrar a  un cliente el cambio rapido en un texto.
  • Editar un sitio web para que tu diseñador sepa lo que quieres
  • Haz que tu cuenta bancaria parezca que tiene 100 millones de dólares en ella.

Descubrí este truco hace años pero no era soportado por la mayoría de navegadores,  hoy lo he probado con Edge,Firefox,Chrome y Opera funciona y te  permite realizar ediciones súper rápidas de cualquier página web en tiempo real.

Esto es lo que harás:

  • Abres las herramientas de desarrollador
  • Buscas la pestaña «console»
  • Pegas esta linea :  document.designMode=’on’
  • Observas la magia.

También puedes hacerlo con Javascript directamente en el código de la pagina a editar, es muy fácil.

Inténtalo. Funciona en cualquier página web, incluso en esta.

 

Leave a Reply

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

Límite de tiempo se agote. Por favor, recargar el CAPTCHA por favor.