Pemeriksa Konteks Penimbunan CSS masuk Chrome dengan OffiDocs

DESCRIPTION

Pernahkah anda cuba menggunakan sifat z-index, hanya untuk mengetahui bahawa, tidak kira berapa tinggi anda menetapkannya, ia tidak akan berfungsi seperti yang diharapkan? Itu kerana sifat indeks-z bergantung pada konsep tersirat yang dipanggil "konteks tindanan".

Selepas mencari apa itu dan cara ia berfungsi (maklumat yang anda boleh temui di MDN), anda boleh menggunakan sambungan devtools ini untuk memeriksa konteks ini dan menyelesaikan sebarang masalah indeks-z yang mungkin anda hadapi.

Sambungan ini akan menambah panel baharu yang akan menunjukkan konteks tindanan dalam paparan pepohon dan juga akan menambahkan bar sisi baharu pada panel elemen dengan beberapa maklumat berguna tentang elemen yang dipilih.

Untuk menyemak dokumentasi yang mendalam sila rujuk halaman github: https://github.

com/andreadev-it/stacking-contexts-inspector Jika anda ingin melaporkan isu atau membuat permintaan ciri, sila gunakan bahagian Isu dalam repositori github yang disebutkan di atas.

LOG PERUBAHAN: • v.

1.1.13 - Dialihkan ke manifes v3. Menambahkan indeks z pada sisipan panel konteks susun juga.

• v.

1.1.12 - Pepijat tetap dengan sifat awalan vendor tidak dikesan semasa menyemak konteks tindanan.

• v.

1.1.11 - Menambah nilai indeks-z pada bahagian "Butiran konteks" dalam bar sisi.

• v.

1.1.10 - Mengalih keluar permintaan kebenaran yang tidak perlu untuk mematuhi Dasar Keselamatan CWS.

• v.

1.1.9 - Pemeriksaan nod DOM konteks dilaksanakan dalam iframe dan shadowDOM.

Kini sambungan berfungsi juga pada fail tempatan (file:/// scheme).

• v.

1.1.8 - Menambah amaran apabila halaman berubah, sokongan untuk shadow DOM dan tetapan asas.

• v.

1.1.7 - Pembetulan gaya kecil.

Kini ia juga tersedia di Firefox kerana sedikit perubahan kod.

Kod dibersihkan.

• v.

1.1.5 - Membetulkan pepijat yang berkaitan dengan peralihan modul css (pemutar tidak digayakan).

• v.

1.1.4 - Menambah tema gelap (sebelum ini ia tidak boleh digunakan dengan tema gelap dihidupkan).

• v.

1.1.3 - Pepijat tetap pada navigasi halaman.

• v.

1.1.2 - Menambah sokongan untuk iframe tanpa atribut "src" (sesetengah iframe dengan "src" mungkin berfungsi, tetapi ia tidak sepatutnya dijangka).

Selain itu, penunjuk pemuatan telah diperkenalkan dalam bar sisi (panel elemen) juga, dan bar sisi kini mempunyai butang "konteks muat semula" sendiri.

• v.

1.1.1 - Membetulkan pepijat apabila konteks statik yang dicipta oleh induknya mempunyai flex paparan atau grid yang tidak dikesan.

• v.

1.1.0 - Kini sambungan berfungsi pada tab yang telah dibuka apabila ia dipasang.

- Menu konteks klik kanan telah digantikan dengan butang kontekstual, kerana ia tidak berfungsi dengan betul (ia mungkin ditambahkan lagi pada masa hadapan).

- Kini halaman pokok konteks akan menunjukkan penunjuk pemuatan apabila konteks tindanan mengambil masa yang lama untuk dimuatkan.

- Di bahagian pembangun, semua kod telah dialihkan untuk bertindak, sebagai langkah pertama untuk menjadikannya sumber terbuka.

• v.

1.0.1 - Perubahan kebolehaksesan kecil dan tweak visual.

Maklumat tambahan:

- Ditawarkan oleh Andrea Dragotta
- Penilaian purata: 3.92 bintang (suka)
- Pemaju Alamat emel ini telah dilindungi dari spambots. Perlukan JavaScript untuk melihatnya.

Web pemeriksa Konteks Penimbunan CSS extension disepadukan dengan OffiDocs Chromium talian