Inspector de contexto de apilamiento CSS en Chrome con OffiDocs

DESCRIPCIÓN

¿Alguna vez ha intentado usar la propiedad del índice z, solo para descubrir que, sin importar qué tan alto lo establezca, no funcionará como se esperaba? Esto se debe a que la propiedad del índice z se basa en un concepto implícito llamado "contextos de apilamiento".

Después de buscar qué son y cómo funcionan (información que puede encontrar en MDN), puede usar esta extensión devtools para inspeccionar estos contextos y solucionar cualquier problema de índice z que pueda enfrentar.

Esta extensión agregará un nuevo panel que mostrará contextos de apilamiento en una vista de árbol y también agregará una nueva barra lateral al panel de elementos con información útil sobre el elemento seleccionado.

Para consultar una documentación detallada, consulte la página de github: https://github.

com/andreadev-it/stacking-contexts-inspector Si desea informar un problema o realizar una solicitud de función, utilice la sección Problema en el repositorio de github mencionado anteriormente.

REGISTRO DE CAMBIOS: • v.

1.1.13 - Movido al manifiesto v3. También se agregó el índice z al panel lateral del panel de contexto de apilamiento.

•v.

1.1.12 - Se corrigió el error con las propiedades prefijadas del proveedor que no se detectan al verificar los contextos de apilamiento.

•v.

1.1.11 - Se agregó el valor del índice z a la sección "Detalles del contexto" en la barra lateral.

•v.

1.1.10 - Se eliminó la solicitud de permiso innecesaria para cumplir con la Política de seguridad de CWS.

•v.

1.1.9 - Inspección de nodo DOM de contexto implementada dentro de iframes y shadowDOM.

Ahora la extensión también funciona en archivos locales (file:///scheme).

•v.

1.1.8 - Advertencia agregada cuando cambia la página, soporte para shadow DOM y configuraciones básicas.

•v.

1.1.7 - Pequeñas correcciones de estilo.

Ahora también está disponible en Firefox debido a algunos pequeños cambios en el código.

Código limpio.

•v.

1.1.5 - Se corrigió un error relacionado con la transición de módulos css (spinner sin estilo).

•v.

1.1.4 - Tema oscuro agregado (anteriormente no se podía usar con el tema oscuro activado).

•v.

1.1.3 - Error solucionado en la navegación de la página.

•v.

1.1.2 - Se agregó soporte para iframes sin el atributo "src" (algunos iframes con "src" podrían funcionar, pero no debería esperarse).

Además, el indicador de carga también se ha introducido en la barra lateral (panel de elementos), y la barra lateral ahora tiene su propio botón "actualizar contextos".

•v.

1.1.1 - Se corrigió un error en el que no se detectaban contextos estáticos creados por sus padres que tenían una pantalla flexible o cuadrícula.

•v.

1.1.0: ahora la extensión funciona en pestañas que ya estaban abiertas cuando se instaló.

- El menú contextual del botón derecho ha sido reemplazado por botones contextuales, porque no funcionaba correctamente (es posible que se agregue nuevamente en el futuro).

- Ahora la página del árbol de contexto mostrará un indicador de carga cuando el contexto de apilamiento tarde mucho en cargarse.

- Del lado del desarrollador, todo el código se ha movido a preact, como un primer paso para hacerlo de código abierto.

•v.

1.0.1 - Pequeños cambios de accesibilidad y ajustes visuales.

Información adicional:

- Ofrecido por Andrea Dragotta
- Calificación promedio: 3.92 estrellas (me gustó)
- Desarrollador Esta dirección de correo electrónico está protegida contra robots de spam. Es necesario activar Javascript para visualizarla.

Web del inspector de contexto de apilamiento de CSS extension integrado con OffiDocs Chromium en línea