CSS Stacking Context-inspecteur in Chrome met OffiDocs

PRODUCTBESCHRIJVING

Heb je ooit geprobeerd de eigenschap z-index te gebruiken om erachter te komen dat, ongeacht hoe hoog je deze instelt, deze niet zal werken zoals verwacht? Dat komt omdat de eigenschap z-index afhankelijk is van een impliciet concept dat "contexten stapelen" wordt genoemd.

Nadat je hebt opgezocht wat ze zijn en hoe ze werken (informatie die je kunt vinden op MDN), kun je deze devtools-extensie gebruiken om deze contexten te inspecteren en eventuele z-index-problemen op te lossen.

Deze extensie voegt een nieuw paneel toe dat stapelcontexten in een boomstructuur toont, en voegt ook een nieuwe zijbalk toe aan het elementenpaneel met wat nuttige informatie over het geselecteerde element.

Raadpleeg de github-pagina voor uitgebreide documentatie: https://github.

com/andreadev-it/stacking-contexts-inspector Als je een probleem wilt melden of een functieverzoek wilt indienen, gebruik dan de sectie Probleem in de bovengenoemde github-repository.

WIJZIGINGSLOGBOEK: • v.

1.1.13 - Verplaatst naar manifest v3. Z-index ook toegevoegd aan de sidepan van het stapelcontextpaneel.

• v.

1.1.12 - Bug opgelost met door de leverancier vooraf ingestelde eigenschappen die niet werden gedetecteerd bij het controleren op stapelcontexten.

• v.

1.1.11 - Z-indexwaarde toegevoegd aan de sectie "Contextdetails" in de zijbalk.

• v.

1.1.10 - Onnodig toestemmingsverzoek verwijderd om te voldoen aan het CWS-beveiligingsbeleid.

• v.

1.1.9 - Geïmplementeerde context-DOM-knooppuntinspectie binnen iframes en shadowDOM.

Nu werkt de extensie ook op lokale bestanden (file:///scheme).

• v.

1.1.8 - Waarschuwing toegevoegd wanneer de pagina verandert, ondersteuning voor schaduw-DOM en basisinstellingen.

• v.

1.1.7 - Kleine stijloplossingen.

Nu is het ook beschikbaar in Firefox vanwege enkele kleine codewijzigingen.

Opgeschoonde code.

• v.

1.1.5 - Bug opgelost met betrekking tot de overgang van css-modules (unstyled spinner).

• v.

1.1.4 - Donker thema toegevoegd (voorheen was het onbruikbaar met het donkere thema ingeschakeld).

• v.

1.1.3 - Bug opgelost in paginanavigatie.

• v.

1.1.2 - Ondersteuning toegevoegd voor iframes zonder het "src" attribuut (sommige iframes met "src" zouden kunnen werken, maar dit zou niet verwacht moeten worden).

Ook is de laadindicator geïntroduceerd in de zijbalk (paneel met elementen) en heeft de zijbalk nu zijn eigen knop "Contexten vernieuwen".

• v.

1.1.1 - Bug opgelost waarbij statische contexten gemaakt door hun ouder met een displayflex of -raster niet werden gedetecteerd.

• v.

1.1.0 - Nu werkt de extensie op tabbladen die al open waren toen deze werd geïnstalleerd.

- Het contextmenu met de rechtermuisknop is vervangen door contextuele knoppen, omdat het niet correct werkte (het zou in de toekomst opnieuw kunnen worden toegevoegd).

- Nu zal de contextboompagina een laadindicator tonen wanneer het laden van de stapelcontext lang duurt.

- Aan de kant van de ontwikkelaar is alle code verplaatst naar preact, als eerste stap om het open source te maken.

• v.

1.0.1 - Kleine toegankelijkheidswijzigingen en visuele aanpassingen.

Extra informatie:

- Aangeboden door Andrea Dragotta
- Gemiddelde beoordeling: 3.92 sterren (vond het leuk)
- Ontwikkelaar Dit e-mailadres is beschermd tegen spambots. U heeft Javascript nodig om het te kunnen zien.

CSS Stacking Context inspecteur web extension geïntegreerd met de OffiDocs Chromium online.