Ver etiquetas HTML y página web combinadas en Firefox

¿Desea una forma más fácil de ver las etiquetas html de una página web sin ver el código fuente en una ventana separada? Ahora puede ver la página web y las etiquetas combinadas en la misma ventana usando la extensión X-Ray para Firefox.

antes de

Normalmente, si desea ver el código fuente detrás de una página web, debe verlo en una ventana separada. Si solo está interesado en una sección específica, debe buscar en todo el conjunto de códigos solo para encontrar lo que está buscando..

Después

La extensión X-Ray te permitirá ver las etiquetas del documento (incluidos los nombres de clase y de identificación) "lado a lado" con la página web en la misma pestaña. Puede usar el menú contextual o el menú de herramientas para acceder al comando X-Ray.

Esta es la misma sección de la página web que se muestra en la primera captura de pantalla anterior. Puede parecer un poco extraño al principio hasta que te acostumbras a ver a los dos juntos..

Nota: puede devolver la página web a su vista normal haciendo clic en el comando X-Ray nuevamente o actualizando la página.

El código para parte de la barra lateral en la misma página web ...

Seguido por uno de los conjuntos de enlaces al final..

Mirando otro ejemplo, supongamos que está interesado en cómo se configura parte del feed principal.

Ser capaz de ver cómo se configura un elemento en particular directamente en la página web es ciertamente mejor que buscar en toda la página del código.

Conclusión

Si diseñas páginas web y quieres una manera fácil de ver cómo se codifica el sitio web de otra persona, entonces es posible que desees probar esta extensión..

Campo de golf

Descargar la extensión X-Ray (Mozilla Add-ons)