Episode Details

En el episodio 394 de WordPress Semanal te hablo del potencial de las herramientas para desarrolladores de Chrome. Cómo funcionan, en qué te benefician y 10 trucos que te van a encantar.

Qué son las Chrome DevTools (herramientas para desarrolladores de Chrome)

• Colección de herramientas de «desarrollo web» integradas en el navegador Google Chrome
• No tienes que ser desarrollador web para aprovecharlas
• Si trabajas con WordPress, saber utilizar las Chrome DevTools puede ser crucial por varias razones:

5 Ventajas de aprender a usar las Chrome DevTools que te pondrán por delante de la mayoría

1. Productividad por las nubes gracias a la edición en vivo y la depuración de errores en tiempo real
2. Capacidad de optimización web más completa y rápida gracias a las herramientas de mejora del rendimiento
3. Diseño más efectivo gracias a las funciones de responsive y edición en vivo
4. Ahorrarás dinero porque podrás solucionar problemas e implementar mejoras por tu cuenta
5. Aprenderás lo que no está en los escritos porque puedes experimentar sin romper nada de tu web

10 Trucos poco conocidos pero muy útiles de las herramientas de Chrome

1. Descubre las cookies que usa tu web (para ponerlas en tu política de cookies)
2. Graba un proceso de tu web (compra, suscripción, contacto) y envíaselo a un desarrollador (o enseña a tu cliente cómo hacer las grabaciones)
3. Si estás editando enlaces, fuerza los estados de visitado o pasar el ratón por encima para ver cómo quedarían
4. ¿Te has vuelto loco haciendo cambios? En la pestaña «calculados» los tienes todos para poder copiarlos
5. Desactiva el caché mientras trabajas con las Chrome DevTools (desde la pestaña red)
6. Carga una página como si fueras Google (para saber si te han hackedado, por ejemplo)
7. Limpia las cookies de una sola web para no tener que borrar todo tu historial
8. Mide la velocidad