XRAY es bookmarklet que expone el modelo de caja de cualquier elemento CSS de cualquier página web. Actualmente trabaja con Safari y navegadores Mozilla.
Su funcionamiento es muy simple:
1. En la página de los creadores, hay que arrastrar el link “XRAY” a la barra de Bookmarks del navegador.
2. Visita cualquier página web, una vez la página haya cargado completamente, haz clic en el link de tu barra de bookmarks que previamente creaste. Hasta aquí no verás nada significativo, lo que haz hehco es cargar XRAY.
3. Haz clic en cualquier elemento de la página para ver XRAY en acción.
Otra interesante herramienta para los diseñadores web.