Inspector de context de stivuire CSS în Chrome cu OffiDocs

DESCRIERE

Ați încercat vreodată să utilizați proprietatea z-index, doar pentru a afla că, indiferent cât de sus ați seta, nu va funcționa așa cum vă așteptați? Asta pentru că proprietatea z-index se bazează pe un concept implicit numit „contexte de stivuire”.

După ce ați căutat ce sunt și cum funcționează (informații pe care le puteți găsi pe MDN), puteți utiliza această extensie devtools pentru a inspecta aceste contexte și a depana orice problemă z-index cu care vă puteți confrunta.

Această extensie va adăuga un nou panou care va afișa contextele de stivuire într-o vizualizare arborescentă și, de asemenea, va adăuga o nouă bară laterală la panoul de elemente cu câteva informații utile despre elementul selectat.

Pentru a verifica o documentație aprofundată, vă rugăm să consultați pagina github: https://github.

com/andreadev-it/stacking-contexts-inspector Dacă doriți să raportați o problemă sau să faceți o solicitare de caracteristici, vă rugăm să utilizați secțiunea Problemă din depozitul github menționat mai sus.

Jurnalul schimbărilor: • v.

1.1.13 - Mutat în manifest v3. S-a adăugat z-index și la panoul lateral al panoului context de stivuire.

• v.

1.1.12 - S-a remediat o eroare cu proprietățile prefixate de furnizor care nu erau detectate la verificarea contextelor de stivuire.

• v.

1.1.11 - S-a adăugat valoarea z-index la secțiunea „Detalii context” din bara laterală.

• v.

1.1.10 - S-a eliminat solicitarea de permisiuni inutile pentru a se conforma Politicii de securitate CWS.

• v.

1.1.9 - Inspecția nodului DOM context implementat în cadrul iframes și shadowDOM.

Acum extensia funcționează și pe fișierele locale (file:/// schema).

• v.

1.1.8 - Adăugat avertisment când pagina se schimbă, suport pentru shadow DOM și setări de bază.

• v.

1.1.7 - Mici remedieri de stil.

Acum este disponibil și pe Firefox din cauza unor mici modificări de cod.

Cod curățat.

• v.

1.1.5 - S-a rezolvat o eroare legată de tranziția modulelor css (spinner fără stil).

• v.

1.1.4 - S-a adăugat tema întunecată (anterior era inutilizabilă cu tema întunecată activată).

• v.

1.1.3 - S-a remediat o eroare la navigarea paginii.

• v.

1.1.2 - S-a adăugat suport pentru iframe fără atributul „src” (unele iframe cu „src” ar putea funcționa, dar nu ar trebui să fie de așteptat).

De asemenea, indicatorul de încărcare a fost introdus și în bara laterală (panoul de elemente), iar bara laterală are acum propriul buton „reîmprospătare contexte”.

• v.

1.1.1 - S-a remediat o eroare în care contextele statice create de părintele lor aveau un flex sau grilă de afișare unde nu erau detectate.

• v.

1.1.0 - Acum extensia funcționează pe file care erau deja deschise când a fost instalată.

- Meniul contextual cu clic dreapta a fost înlocuit cu butoane contextuale, deoarece nu funcționa corect (ar putea fi adăugat din nou în viitor).

- Acum pagina de arbore de context va afișa un indicator de încărcare atunci când contextul de stivuire durează mult să se încarce.

- Din partea dezvoltatorului, tot codul a fost mutat la preact, ca prim pas pentru a-l face open source.

• v.

1.0.1 - Mici modificări de accesibilitate și modificări vizuale.

Informații suplimentare:

- Oferit de Andrea Dragotta
- Evaluare medie: 3.92 stele (a plăcut)
- Dezvoltator Această adresă de e-mail este protejată de spamboți. Aveți nevoie de activarea JavaScript-ului pentru ao vizualiza.

Web inspector de context de stivuire CSS extension integrat cu OffiDocs Chromium on-line