സ്റ്റൈൽഷീറ്റ് പിശകുകൾ തൽക്ഷണം കണ്ടെത്തി പരിഹരിക്കുക. നിങ്ങളുടെ ബ്രൗസറിനുള്ളിൽ തന്നെ — ബാഹ്യ വെബ്സൈറ്റുകളിലേക്ക് കോഡ് പകർത്തി ഒട്ടിക്കേണ്ട ആവശ്യമില്ല.
ഡെവലപ്പർമാരെയും ഡിസൈനർമാരെയും അവരുടെ സ്റ്റൈൽഷീറ്റുകളിലെ പിശകുകൾ തൽക്ഷണം കണ്ടെത്താനും പരിഹരിക്കാനും സഹായിക്കുന്ന ലളിതമായ ബ്രൗസർ എക്സ്റ്റൻഷനാണ് സി.എസ്.എസ് ചെക്കർ. നിങ്ങൾ സങ്കീർണ്ണമായ ഒരു ലേഔട്ട് ഡീബഗ് ചെയ്യുകയാണെങ്കിലും ലളിതമായ ഒരു പേജ് വാലിഡേറ്റ് ചെയ്യുകയാണെങ്കിലും, ഈ CSS പരിശോധകൻ ഉപകരണം നിങ്ങൾക്ക് മണിക്കൂറുകളുടെ മാനുവൽ പരിശോധന ലാഭിക്കുന്നു. ഇത് നിങ്ങളുടെ ബ്രൗസറിനുള്ളിൽ തന്നെ പ്രവർത്തിക്കുന്നു - ബാഹ്യ വെബ്സൈറ്റുകളിലേക്ക് കോഡ് പകർത്തി ഒട്ടിക്കുകയോ ടാബുകൾക്കിടയിൽ മാറുകയോ ചെയ്യേണ്ട ആവശ്യമില്ല.
നിങ്ങൾ പതിവായി സ്റ്റൈലുകൾ എഴുതുന്നുവെങ്കിൽ, മറഞ്ഞിരിക്കുന്ന പിശകുകൾ എത്ര നിരാശാജനകമാകുമെന്ന് നിങ്ങൾക്കറിയാം. ഒരു നഷ്ടപ്പെട്ട സെമികോളൺ, അസാധുവായ ഒരു പ്രോപ്പർട്ടി, അല്ലെങ്കിൽ തകർന്ന ഒരു സെലക്ടർ നിങ്ങളുടെ ലേഔട്ട് നിശ്ശബ്ദമായി തകർക്കാം. അതുകൊണ്ടാണ് വിശ്വസനീയമായ ഒരു CSS വാലിഡേറ്ററും CSS പരിശോധകനും പ്രധാനമാകുന്നത്. ഇത് നിങ്ങളുടെ സ്റ്റൈൽഷീറ്റുകൾ തത്സമയം സ്കാൻ ചെയ്യുകയും ഓരോ പ്രശ്നവും ഹൈലൈറ്റ് ചെയ്യുകയും ചെയ്യുന്നു, അതിനാൽ നിങ്ങൾക്ക് അത് ഉടനടി പരിഹരിക്കാം 🔍
ഏതെങ്കിലും വെബ്പേജ് തുറന്ന് എക്സ്റ്റൻഷൻ ഐക്കണിൽ ക്ലിക്ക് ചെയ്യുക.
CSS കോഡ് പരിശോധകൻ എല്ലാ സ്റ്റൈൽഷീറ്റുകളും സ്വയമേവ സ്കാൻ ചെയ്യുന്നു.
റിപ്പോർട്ട് പാനലിൽ പിശകുകൾ, മുന്നറിയിപ്പുകൾ, നിർദ്ദേശങ്ങൾ എന്നിവ അവലോകനം ചെയ്യുക.
ആക്സസിബിലിറ്റി ഓഡിറ്റ് ചെയ്യാൻ കോൺട്രാസ്റ്റ് ടാബിലേക്ക് മാറുക.
നിങ്ങളുടെ കോഡ് പരിഹരിച്ച് ഒറ്റ ക്ലിക്കിൽ വീണ്ടും വാലിഡേറ്റ് ചെയ്യുക.
നിലവിലെ പേജിൽ തൽക്ഷണ CSS വാലിഡേറ്റർ സ്റ്റൈൽഷീറ്റ് വാലിഡേഷൻ.
വരി നമ്പറുകളോടുകൂടിയ വിശദമായ പിശക്, മുന്നറിയിപ്പ് റിപ്പോർട്ടുകൾ.
CSS, XPath പരിശോധക പ്രവർത്തനത്തിനുള്ള പിന്തുണ.
ആക്സസിബിലിറ്റിക്കായി അന്തർനിർമ്മിത CSS വർണ്ണ കോൺട്രാസ്റ്റ് പരിശോധകൻ.
ക്രോസ്-ബ്രൗസർ പിന്തുണയ്ക്കായി CSS അനുയോജ്യതാ പരിശോധകൻ.
മാറ്റങ്ങൾക്ക് ശേഷം ഒറ്റ ക്ലിക്കിൽ വീണ്ടും സ്കാൻ.
ഈ എക്സ്റ്റൻഷൻ വെറുമൊരു CSS സിന്റാക്സ് പരിശോധകൻ മാത്രമല്ല - ദിവസവും സ്റ്റൈൽഷീറ്റുകളുമായി പ്രവർത്തിക്കുന്ന ഏവർക്കുമുള്ള പൂർണ്ണ സവിശേഷതകളുള്ള CSS വാലിഡേറ്റർ ടൂൾകിറ്റാണ്. ഇത് നിങ്ങളുടെ കോഡ് പാഴ്സ് ചെയ്യുകയും പ്രശ്നങ്ങൾ കണ്ടെത്തുകയും വ്യക്തമായ നിർദ്ദേശങ്ങൾ നൽകുകയും ചെയ്യുന്നു. പ്രോപ്പർട്ടി പേരുകളിലെ അക്ഷരപ്പിശകുകൾ മുതൽ തെറ്റായ മൂല്യ ഫോർമാറ്റുകൾ വരെ, നിങ്ങളുടെ ഉപയോക്താക്കൾ ശ്രദ്ധിക്കുന്നതിന് മുമ്പ് ഈ CSS പരിശോധകൻ പ്രശ്നങ്ങൾ പിടികൂടുന്നു.
പല ഡെവലപ്പർമാരും ബാഹ്യ വാലിഡേഷൻ വെബ്സൈറ്റുകളെ ആശ്രയിക്കുന്നു, എന്നാൽ ടാബുകൾ മാറ്റുന്നതും കോഡ് ഒട്ടിക്കുന്നതും മന്ദഗതിയിലാണ്. ഈ CSS പരിശോധകൻ എല്ലാം നേരിട്ട് നിങ്ങളുടെ ഡെവ് ടൂളുകളിലേക്ക് കൊണ്ടുവരുന്നു - നിങ്ങൾക്ക് ആവശ്യമുള്ളിടത്ത് തന്നെ
നിങ്ങൾ ഒന്നിലധികം ബ്രൗസറുകൾ പിന്തുണയ്ക്കുമ്പോൾ അനുയോജ്യതാ സവിശേഷത പ്രത്യേകിച്ചും ഉപയോഗപ്രദമാണ്. Chrome, Firefox, Safari, അല്ലെങ്കിൽ Edge എന്നിവയുടെ പഴയ പതിപ്പുകളിൽ പ്രവർത്തിക്കാത്ത പ്രോപ്പർട്ടികൾ ഇത് അടയാളപ്പെടുത്തുന്നു, അതിനാൽ ഉപയോക്താക്കൾ ദൃശ്യ ബഗുകൾ നേരിടുന്നതിന് മുമ്പ് നിങ്ങൾക്ക് ഫാൾബാക്കുകൾ ചേർക്കാം 🔒
പ്രൊഡക്ഷൻ സ്റ്റൈൽഷീറ്റുകൾ ഡീബഗ് ചെയ്യുന്ന ഫ്രണ്ട്എൻഡ് ഡെവലപ്പർമാർ.
അവരുടെ സ്റ്റൈലുകൾ ഉദ്ദേശിച്ച ഡിസൈനുമായി പൊരുത്തപ്പെടുന്നുവെന്ന് പരിശോധിക്കുന്ന ഡിസൈനർമാർ.
ക്രോസ്-ബ്രൗസർ അനുയോജ്യതാ ഓഡിറ്റുകൾ നടത്തുന്ന QA എൻജിനീയർമാർ.
തൽക്ഷണ ഫീഡ്ബാക്ക് ആഗ്രഹിക്കുന്ന വെബ് ഡെവലപ്മെന്റ് പഠിക്കുന്ന വിദ്യാർത്ഥികൾ.
WCAG മാനദണ്ഡങ്ങൾ പാലിക്കാൻ കോൺട്രാസ്റ്റ് അനുപാതങ്ങൾ പരിശോധിക്കുന്ന ആക്സസിബിലിറ്റി വിദഗ്ധർ.
ഏറ്റവും ജനപ്രിയമായ സവിശേഷതകളിലൊന്ന് അന്തർനിർമ്മിത CSS വർണ്ണ കോൺട്രാസ്റ്റ് പരിശോധകനാണ്. ടെക്സ്റ്റും പശ്ചാത്തലവും തമ്മിലുള്ള മോശം കോൺട്രാസ്റ്റ് ഒരു സാധാരണ ആക്സസിബിലിറ്റി ലംഘനമാണ്. ഈ CSS വാലിഡേറ്റർ നിങ്ങളുടെ വർണ്ണ ജോഡികളെ WCAG 2.1 മാർഗ്ഗനിർദ്ദേശങ്ങൾക്കെതിരെ വിലയിരുത്തുകയും AA അല്ലെങ്കിൽ AAA പരിധികൾ പാലിക്കാത്ത ഏത് കോമ്പിനേഷനും അടയാളപ്പെടുത്തുകയും ചെയ്യുന്നു. ആക്സസ് ചെയ്യാവുന്ന ഡിസൈൻ ശരിയായ കോൺട്രാസ്റ്റ് പരിശോധനയിൽ നിന്ന് ആരംഭിക്കുന്നു 🎨
സജീവ പേജിലെ എല്ലാ ലിങ്ക് ചെയ്തതും ഇൻലൈൻ സ്റ്റൈൽഷീറ്റുകളും ഇത് കണ്ടെത്തുകയും ഓരോന്നും പ്രശ്നങ്ങൾക്കായി പാഴ്സ് ചെയ്യുകയും ചെയ്യുന്നു:
സജീവ പേജിലെ എല്ലാ ലിങ്ക് ചെയ്തതും ഇൻലൈൻ സ്റ്റൈൽഷീറ്റുകളും ഇത് കണ്ടെത്തുന്നു.
ഇത് ഓരോ സ്റ്റൈൽഷീറ്റും പാഴ്സ് ചെയ്യുകയും സിന്റാക്സ് പിശകുകൾക്കും അജ്ഞാത പ്രോപ്പർട്ടികൾക്കുമായി പരിശോധിക്കുകയും ചെയ്യുന്നു.
വലിയ പ്രോജക്റ്റുകളിൽ എളുപ്പത്തിൽ നാവിഗേറ്റ് ചെയ്യാൻ ഇത് ഫയൽ അനുസരിച്ച് ഫലങ്ങൾ ഗ്രൂപ്പ് ചെയ്യുന്നു.
CSS പരിശോധകൻ പ്രസക്തമായ കണ്ടെത്തലുകൾ റിപ്പോർട്ട് പാനലിൽ നേരിട്ട് ഹൈലൈറ്റ് ചെയ്യുന്നു.
അതെ — CSS സിന്റാക്സ് പരിശോധകൻ ഇഷ്ടാനുസൃത പ്രോപ്പർട്ടികൾ, grid, flexbox ഷോർട്ട്ഹാൻഡ് എന്നിവയുൾപ്പെടെ ഏറ്റവും പുതിയ സ്പെസിഫിക്കേഷനുകൾ തിരിച്ചറിയുന്നു.
തീർച്ചയായും — എക്സ്റ്റൻഷനിൽ സ്റ്റൈൽഷീറ്റ് വിശകലനത്തോടൊപ്പം XPath വാലിഡേഷനും ഉൾപ്പെടുന്നു.
അതെ, നിങ്ങളുടെ ബ്രൗസർ ക്രമീകരണങ്ങളിൽ ഫയൽ ആക്സസ് പ്രവർത്തനക്ഷമമാക്കുക.
ഈ CSS വാലിഡേറ്റർ നിങ്ങളുടെ വർണ്ണ ജോഡികളെ WCAG 2.1 മാർഗ്ഗനിർദ്ദേശങ്ങൾക്കെതിരെ വിലയിരുത്തുകയും AA അല്ലെങ്കിൽ AAA പരിധികൾ പാലിക്കാത്ത ഏത് കോമ്പിനേഷനും അടയാളപ്പെടുത്തുകയും ചെയ്യുന്നു.
അതെ! നിങ്ങളുടെ സ്റ്റൈലുകൾ പരിശോധിക്കാൻ സഹായിക്കുന്നതിന് ഞങ്ങൾ പേജ് CSS-ഉം DOM പ്രോപ്പർട്ടികളും മാത്രമേ വായിക്കുന്നുള്ളൂ. വിശദവിവരങ്ങൾക്ക് ഞങ്ങളുടെ സ്വകാര്യതാ നയം കാണുക.
നിങ്ങൾക്ക് വേഗത്തിലുള്ള ഒരു സ്കാൻ ആവശ്യമായാലും പ്രൊഡക്ഷനുള്ള സമഗ്രമായ CSS വാലിഡേറ്റർ ആവശ്യമായാലും, സി.എസ്.എസ് ചെക്കർ നിങ്ങളുടെ വർക്ക്ഫ്ലോയുമായി പൊരുത്തപ്പെടുന്നു.
ഒരൊറ്റ എക്സ്റ്റൻഷനിൽ സമർപ്പിത CSS പിശക് പരിശോധകനും വിശ്വസനീയമായ CSS കോൺട്രാസ്റ്റ് പരിശോധകനും ഉള്ളതിനാൽ, വൃത്തിയുള്ളതും ആക്സസ് ചെയ്യാവുന്നതും പിശകില്ലാത്തതുമായ സ്റ്റൈൽഷീറ്റുകൾ എഴുതാൻ ആവശ്യമായതെല്ലാം നിങ്ങൾക്കുണ്ട് ✅
സി.എസ്.എസ് ചെക്കർ ഇന്നുതന്നെ ഇൻസ്റ്റാൾ ചെയ്യുകസൗജന്യം, വേഗതയേറിയത്, സ്റ്റൈൽഷീറ്റ് വേദന മനസ്സിലാക്കുന്ന ഡെവലപ്പർമാർ നിർമ്മിച്ചത്.