Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify

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.

Aprovecha las herramientas para desarrolladores de Chrome y potencia tu web WordPress

• Qué son las Chrome DevTools (herramientas para desarrolladores de Chrome)
• 5 Ventajas de aprender a usar las Chrome DevTools que te pondrán por delante de la mayoría
• 10 Trucos poco conocidos pero muy útiles de las herramientas de Chrome
• Plugin de la semana
• Contenidos recomendados

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 de carga de webs en local con Lighthouse
   
   
9. Define los dispositivos que quieres que aparezcan en modo responsive
   
   
10. Simula cómo se vería cualquier página al imprimirla
    

Plugin de la semana

Simple Social Icons

Contenidos recomendados

Newsletter de WordPress Semanal

#216 – OsomPress amplía su repertorio de plugins de WordPress

344. Animación CSS de Fade in (aparecer)

Curso de Chrome DevTools

La entrada 394 | Potencia tu WordPress con 10 trucos de las Chrome DevTools es una artículo de Gonzalo Navarro.