CSS Stacking Context inspector in Chrome with OffiDocs

വിവരണം:

Run the Chrome online web store extension CSS Stacking Context inspector using OffiDocs Chromium online.

നിങ്ങൾ എപ്പോഴെങ്കിലും z-ഇൻഡക്‌സ് പ്രോപ്പർട്ടി ഉപയോഗിക്കാൻ ശ്രമിച്ചിട്ടുണ്ടോ, അത് നിങ്ങൾ എത്ര ഉയരത്തിൽ സജ്ജമാക്കിയാലും, അത് പ്രതീക്ഷിച്ച പോലെ പ്രവർത്തിക്കില്ല എന്നറിയാൻ? കാരണം, z-ഇൻഡക്സ് പ്രോപ്പർട്ടി "സ്റ്റാക്കിംഗ് സന്ദർഭങ്ങൾ" എന്ന് വിളിക്കപ്പെടുന്ന ഒരു വ്യക്തമായ ആശയത്തെ ആശ്രയിച്ചിരിക്കുന്നു.

അവ എന്തൊക്കെയാണെന്നും അവ എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്നും (MDN-ൽ നിങ്ങൾക്ക് കണ്ടെത്താനാകുന്ന വിവരങ്ങൾ) നോക്കിയ ശേഷം, ഈ സന്ദർഭങ്ങൾ പരിശോധിക്കുന്നതിനും നിങ്ങൾ അഭിമുഖീകരിച്ചേക്കാവുന്ന ഏതെങ്കിലും z-ഇൻഡക്‌സ് പ്രശ്‌നങ്ങൾ പരിഹരിക്കുന്നതിനും നിങ്ങൾക്ക് ഈ devtools വിപുലീകരണം ഉപയോഗിക്കാം.

ഈ വിപുലീകരണം ഒരു ട്രീ വ്യൂവിൽ സ്റ്റാക്കിംഗ് സന്ദർഭങ്ങൾ കാണിക്കുന്ന ഒരു പുതിയ പാനൽ ചേർക്കും, കൂടാതെ തിരഞ്ഞെടുത്ത ഘടകത്തെക്കുറിച്ചുള്ള ചില ഉപയോഗപ്രദമായ വിവരങ്ങളുള്ള എലമെന്റ്സ് പാനലിലേക്ക് ഒരു പുതിയ സൈഡ്ബാർ കൂട്ടിച്ചേർക്കുകയും ചെയ്യും.

ഒരു ആഴത്തിലുള്ള ഡോക്യുമെന്റേഷൻ പരിശോധിക്കുന്നതിന് ദയവായി github പേജ് പരിശോധിക്കുക: https://github.

com/andreadev-it/stacking-contexts-inspector നിങ്ങൾക്ക് ഒരു പ്രശ്നം റിപ്പോർട്ടുചെയ്യാനോ ഒരു ഫീച്ചർ അഭ്യർത്ഥന നടത്താനോ താൽപ്പര്യമുണ്ടെങ്കിൽ, ദയവായി മുകളിൽ പറഞ്ഞ ഗിത്തബ് ശേഖരത്തിലെ ഇഷ്യൂ വിഭാഗം ഉപയോഗിക്കുക.

മാറ്റം: • വി.

1.

1.

13 - Moved to manifest v3.

Added z-index to the stacking context panel sidepan as well.

• വി.

1.

1.

12 - സ്റ്റാക്കിംഗ് സന്ദർഭങ്ങൾ പരിശോധിക്കുമ്പോൾ വെണ്ടർ-പ്രിഫിക്സഡ് പ്രോപ്പർട്ടികൾ ഉള്ള ഫിക്സഡ് ബഗ് കണ്ടെത്തിയില്ല.

• വി.

1.

1.

11 - സൈഡ്‌ബാറിലെ "സന്ദർഭ വിശദാംശങ്ങൾ" വിഭാഗത്തിലേക്ക് z-ഇൻഡക്സ് മൂല്യം ചേർത്തു.

• വി.

1.

1.

10 - CWS സുരക്ഷാ നയം അനുസരിക്കുന്നതിനുള്ള അനാവശ്യ അനുമതി അഭ്യർത്ഥന നീക്കം ചെയ്തു.

• വി.

1.

1.

9 - iframes, shadowDOM എന്നിവയ്ക്കുള്ളിൽ സന്ദർഭ DOM നോഡ് പരിശോധന നടപ്പിലാക്കി.

ഇപ്പോൾ വിപുലീകരണം പ്രാദേശിക ഫയലുകളിലും പ്രവർത്തിക്കുന്നു (file:/// സ്കീം).

• വി.

1.

1.

8 - പേജ് മാറുമ്പോൾ മുന്നറിയിപ്പ് ചേർത്തു, ഷാഡോ DOM, അടിസ്ഥാന ക്രമീകരണങ്ങൾ എന്നിവയ്ക്കുള്ള പിന്തുണ.

• വി.

1.

1.

7 - ചെറിയ ശൈലി പരിഹാരങ്ങൾ.

ചില ചെറിയ കോഡ് മാറ്റങ്ങൾ കാരണം ഇപ്പോൾ ഇത് ഫയർഫോക്സിലും ലഭ്യമാണ്.

വൃത്തിയാക്കിയ കോഡ്.

• വി.

1.

1.

5 - css മൊഡ്യൂളുകളുടെ സംക്രമണവുമായി ബന്ധപ്പെട്ട ബഗ് പരിഹരിച്ചു (സ്റ്റൈൽ ചെയ്യാത്ത സ്പിന്നർ).

• വി.

1.

1.

4 - ഡാർക്ക് തീം ചേർത്തു (മുമ്പ് ഡാർക്ക് തീം ഓണാക്കിയപ്പോൾ ഇത് ഉപയോഗശൂന്യമായിരുന്നു).

• വി.

1.

1.

3 - പേജ് നാവിഗേഷനിലെ ബഗ് പരിഹരിച്ചു.

• വി.

1.

1.

2 - "src" ആട്രിബ്യൂട്ട് ഇല്ലാത്ത iframes-ന് പിന്തുണ ചേർത്തു ("src" ഉള്ള ചില iframes പ്രവർത്തിച്ചേക്കാം, പക്ഷേ അത് പ്രതീക്ഷിക്കേണ്ടതില്ല).

കൂടാതെ, സൈഡ്‌ബാറിലും (ഘടകങ്ങളുടെ പാനൽ) ലോഡിംഗ് ഇൻഡിക്കേറ്റർ അവതരിപ്പിച്ചു, കൂടാതെ സൈഡ്‌ബാറിന് ഇപ്പോൾ അതിന്റേതായ "പുതുക്കിയ സന്ദർഭങ്ങൾ" ബട്ടൺ ഉണ്ട്.

• വി.

1.

1.

1 - കണ്ടെത്താത്ത ഒരു ഡിസ്പ്ലേ ഫ്ലെക്സോ ഗ്രിഡോ ഉള്ള അവരുടെ രക്ഷകർത്താവ് സൃഷ്ടിച്ച സ്റ്റാറ്റിക് സന്ദർഭങ്ങൾ പരിഹരിക്കപ്പെട്ട ബഗ്.

• വി.

1.

1.

0 - ഇപ്പോൾ വിപുലീകരണം ഇൻസ്റ്റാൾ ചെയ്യുമ്പോൾ ഇതിനകം തുറന്നിരുന്ന ടാബുകളിൽ പ്രവർത്തിക്കുന്നു.

- വലത്-ക്ലിക്ക് സന്ദർഭ മെനുവിന് പകരം സന്ദർഭോചിത ബട്ടണുകൾ നൽകി, കാരണം അത് ശരിയായി പ്രവർത്തിക്കുന്നില്ല (ഭാവിയിൽ ഇത് വീണ്ടും ചേർത്തേക്കാം).

- സ്റ്റാക്കിംഗ് സന്ദർഭം ലോഡുചെയ്യാൻ വളരെ സമയമെടുക്കുമ്പോൾ സന്ദർഭ ട്രീ പേജ് ഒരു ലോഡിംഗ് സൂചകം കാണിക്കും.

- ഡെവലപ്പർ വശത്ത്, എല്ലാ കോഡുകളും ഓപ്പൺ സോഴ്‌സ് ആക്കുന്നതിനുള്ള ആദ്യ പടിയായി പ്രെക്റ്റുചെയ്യാൻ നീക്കി.

• വി.

1.

0.

1 - ചെറിയ പ്രവേശനക്ഷമത മാറ്റങ്ങളും വിഷ്വൽ ട്വീക്കുകളും.

അധിക വിവരം:

- ആൻഡ്രിയ ഡ്രാഗോട്ട ഓഫർ ചെയ്തത്
- ശരാശരി റേറ്റിംഗ് : 3.92 നക്ഷത്രങ്ങൾ (ഇത് ഇഷ്ടപ്പെട്ടു)
- ഡെവലപ്പർ ഈ ഇമെയിൽ വിലാസം സ്പാമിൽ നിന്നും മുക്തമാണ്. ഇത് കാണുന്നതിനായി ജാവാ സ്ക്രിപ്റ്റ് എനേബിൾ ചെയ്യണം.

CSS Stacking Context inspector web extension integrated with the OffiDocs Chromium online