¿Desea una forma más sencilla 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
Por lo general, 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, entonces debe buscar en todo el conjunto de código para encontrar lo que está buscando.
Después
La extensión X-Ray le 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 utilizar el menú contextual o el menú de herramientas para acceder al comando X-Ray.
Aquí está 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 se acostumbre a ver a ambos 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 de parte de la barra lateral de la misma página web ...
Seguido de uno de los conjuntos de enlaces al final.
Mirando otro ejemplo, suponga que está interesado en cómo se configura parte de la fuente 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 de código.
Conclusión
Si diseña páginas web y desea una manera fácil de ver cómo está codificado el sitio web de otra persona, le recomendamos que pruebe esta extensión.
Enlaces
