Ispettore del contesto di stacking CSS in Chrome con OffiDocs

DESCRIZIONE

Hai mai provato a usare la proprietà z-index, solo per scoprire che, non importa quanto alto lo imposti, non funzionerà come previsto? Questo perché la proprietà z-index si basa su un concetto implicito chiamato "contesti di impilamento".

Dopo aver cercato cosa sono e come funzionano (informazioni che puoi trovare su MDN), puoi utilizzare questa estensione devtools per ispezionare questi contesti e risolvere eventuali problemi di z-index che potresti incontrare.

Questa estensione aggiungerà un nuovo pannello che mostrerà i contesti di impilamento in una vista ad albero e aggiungerà anche una nuova barra laterale al pannello degli elementi con alcune informazioni utili sull'elemento selezionato.

Per consultare una documentazione approfondita si prega di fare riferimento alla pagina github: https://github.

com/andreadev-it/stacking-contexts-inspector Se si desidera segnalare un problema o effettuare una richiesta di funzionalità, utilizzare la sezione Problema nel suddetto repository github.

CAMBIAMENTO: • v.

1.1.13 - Spostato in manifest v3. Aggiunto z-index anche al sidepan del pannello contestuale di impilamento.

• V.

1.1.12 - Risolto bug con proprietà con prefisso del fornitore non rilevate durante il controllo dei contesti di impilamento.

• V.

1.1.11 - Aggiunto valore z-index alla sezione "Dettagli contesto" nella barra laterale.

• V.

1.1.10 - Rimossa la richiesta di autorizzazione non necessaria per conformarsi alla politica di sicurezza CWS.

• V.

1.1.9 - Implementata l'ispezione del nodo DOM di contesto all'interno di iframe e shadowDOM.

Ora l'estensione funziona anche su file locali (file:///schema).

• V.

1.1.8 - Aggiunto avviso quando la pagina cambia, supporto per shadow DOM e impostazioni di base.

• V.

1.1.7 - Piccole correzioni di stile.

Ora è disponibile anche su Firefox a causa di alcune piccole modifiche al codice.

Codice pulito.

• V.

1.1.5 - Risolto bug relativo alla transizione dei moduli css (filatore senza stile).

• V.

1.1.4 - Aggiunto tema scuro (in precedenza era inutilizzabile con il tema scuro attivo).

• V.

1.1.3 - Risolto bug nella navigazione delle pagine.

• V.

1.1.2 - Aggiunto il supporto per iframe senza l'attributo "src" (alcuni iframe con "src" potrebbero funzionare, ma non dovrebbe essere previsto).

Inoltre, l'indicatore di caricamento è stato introdotto anche nella barra laterale (pannello degli elementi) e la barra laterale ora ha il proprio pulsante "Aggiorna contesti".

• V.

1.1.1 - Risolto bug in cui i contesti statici creati dal loro genitore con un display flessibile o una griglia non venivano rilevati.

• V.

1.1.0 - Ora l'estensione funziona su schede che erano già aperte al momento dell'installazione.

- Il menu contestuale del tasto destro è stato sostituito da pulsanti contestuali, perché non funzionava correttamente (potrebbe essere aggiunto di nuovo in futuro).

- Ora la pagina dell'albero del contesto mostrerà un indicatore di caricamento quando il contesto di impilamento impiega molto tempo a caricarsi.

- Dal lato sviluppatore, tutto il codice è stato spostato su preact, come primo passo per renderlo open source.

• V.

1.0.1 - Piccole modifiche all'accessibilità e ritocchi visivi.

Informazioni aggiuntive:

- Offerto da Andrea Dragotta
- Valutazione media: 3.92 stelle (è piaciuto)
- Sviluppatore Questo indirizzo e-mail è protetto dallo spam bot. Abilita Javascript per vederlo.

Web dell'ispettore del contesto di impilamento CSS extension integrato con OffiDocs Chromium online