CRX id
bndjgcbfkgajohplnleblfkmcfdefjee
bndjgcbfkgajohplnleblfkmcfdefjee
Description from extension meta
Chrome ഇൻസ്പെക്റ്റ് എലമെന്റ് ഷോർട്ട്കട്ടുള്ള ഒരു CSS വ്യൂവർ ആയ Inspect element ഉപയോഗിക്കുക. ഈ ലളിതമായ ഉപകരണം ഉപയോഗിച്ച് എളുപ്പത്തിൽ…
Image from store
Description from store
ഇൻസ്പെക്റ്റ് എലമെന്റ് - ശക്തവും എന്നാൽ വൃത്തിയുള്ളതുമായ ഒരു CSS വ്യൂവർ
വെബ്‌സൈറ്റുകൾ എങ്ങനെ നിർമ്മിക്കപ്പെടുന്നു എന്നതിനെക്കുറിച്ച് ജിജ്ഞാസയുണ്ടോ? പേജ് ലേഔട്ടുകൾ, നിയമങ്ങൾ, പ്രതികരണാത്മക ഡിസൈൻ ലോജിക് എന്നിവ സീറോ ഫ്രിക്ഷൻ ഇല്ലാതെ പര്യവേക്ഷണം ചെയ്യാൻ ആഗ്രഹിക്കുന്നുണ്ടോ? ഇൻസ്പെക്റ്റ് എലമെന്റ് ആണ് നിങ്ങളുടെ ഉത്തരം. നിങ്ങൾ ഒരു ഡെവലപ്പർ, ഡിസൈനർ, ടെസ്റ്റർ അല്ലെങ്കിൽ വിദ്യാർത്ഥി ആകട്ടെ - ഈ ഉപകരണം നിങ്ങൾക്കായി നിർമ്മിച്ചതാണ്.
ഇന്റർഫേസ് വൃത്തിയുള്ളതാണ്. സജ്ജീകരണം ലളിതമാണ്. കുറുക്കുവഴികൾ തയ്യാറാണ്. സ്വകാര്യത? നിങ്ങൾക്ക് ഒരു അക്കൗണ്ട് ആവശ്യമില്ല അല്ലെങ്കിൽ ഒരു സൂചന പോലും അവശേഷിപ്പിക്കില്ല. ഇത് ഡാർക്ക് മോഡിലും പ്രവർത്തിക്കുന്നു. നിങ്ങൾ macOS, Windows, Linux എന്നിവയിലാണെങ്കിലും ഉപകരണങ്ങളിലുടനീളം ഞങ്ങളുടെ Chrome പരിശോധന എലമെന്റ് എക്സ്റ്റൻഷൻ ആസ്വദിക്കൂ.
മികച്ച ഹൈലൈറ്റുകൾ
✨ ദൃശ്യ ഘടനയിലേക്ക് എളുപ്പത്തിലുള്ള പ്രവേശനം
✨ മിനിമൽ ഇന്റർഫേസ് - വീർത്ത ഉപകരണങ്ങളില്ല
✨ ഇൻസ്പെക്റ്റ് എലമെന്റിന് ഡാർക്ക് മോഡ് ഉണ്ട്
✨ ഇൻസ്പെക്റ്റ് ഷോർട്ട്കട്ട് പിന്തുണയോടെ കീബോർഡ്-സൗഹൃദം
✨ സുരക്ഷിതം, അജ്ഞാത ഉപയോഗം – ഡാറ്റ ശേഖരണം ഇല്ല
വിൻഡോസ് & ലിനക്സ് കീബോർഡ് കുറുക്കുവഴികൾ
🔎 തുറക്കുക: Alt + E
🔎 എക്സ്റ്റൻഷൻ അടയ്ക്കുക: Esc
🔎 കോഡ് പകർത്തുക: C
MacOS കീബോർഡ് കുറുക്കുവഴികൾ
🍏 ഇൻസ്പെക്റ്റ് എലമെന്റ് തുറക്കുക: Cmd + E
🍏 എക്സ്റ്റൻഷൻ അടയ്ക്കുക: Esc
🍏 കോഡ് പകർത്തുക: C
ഇത് ആർക്കുവേണ്ടിയാണ്?
▸ ഡെവലപ്പർമാർ - CSS സ്കാൻ ചെയ്യുക, ഡീബഗ് ശൈലികൾ, ടെസ്റ്റ് ഘടനകൾ, സാധൂകരിക്കുക, ലേഔട്ട് സ്വഭാവം പരിഹരിക്കുക
▸ ഡിസൈനർമാർ - ഘടകം ദൃശ്യപരമായി പരിശോധിക്കുക, ലേഔട്ട് കൃത്യത പരിശോധിക്കുക, ഡിസൈനുകൾ കൃത്യമായി പൊരുത്തപ്പെടുത്തുക
▸ QA എഞ്ചിനീയർമാർ - വെബ് പേജ് ഘടകങ്ങൾ പര്യവേക്ഷണം ചെയ്യുക, പ്രശ്നങ്ങൾ ട്രാക്ക് ചെയ്യുക, പ്രതികരണശേഷി പരിശോധിക്കുക
▸ വിദ്യാർത്ഥികൾ - യഥാർത്ഥ ലോകത്തിലെ ഡീബഗ്ഗിംഗ് കഴിവുകൾ നേടുമ്പോൾ എലമെന്റ് എങ്ങനെ എളുപ്പത്തിൽ പരിശോധിക്കാമെന്ന് പഠിക്കുക
▸ ജിജ്ഞാസയുള്ള ആർക്കും – ദൃശ്യ മാജിക്കിന് പിന്നിലുള്ളത് എന്താണെന്ന് പര്യവേക്ഷണം ചെയ്യുക, വെബ്‌സൈറ്റുകൾ എങ്ങനെ നിർമ്മിക്കപ്പെടുന്നുവെന്ന് മനസ്സിലാക്കുക.
എല്ലാ നൈപുണ്യ തലങ്ങൾക്കും അനുയോജ്യം
നിങ്ങൾ പുതുതായി തുടങ്ങുകയാണെങ്കിലും വെബ് പ്രോജക്റ്റുകളിൽ ആഴത്തിൽ ഏർപ്പെടുകയാണെങ്കിലും, ഈ ഉപകരണം മൂല്യം വാഗ്ദാനം ചെയ്യുന്നു. ദ്രുത ഡിസൈൻ പരിശോധനകൾ, പേജുകൾ എങ്ങനെ ഘടനാപരമാണെന്ന് മനസ്സിലാക്കൽ, ലേഔട്ട് പൊരുത്തക്കേടുകൾ ഡീബഗ് ചെയ്യൽ എന്നിവയ്ക്കും ഇത് ഒരുപോലെ ഉപയോഗപ്രദമാണ്.
ഇൻസ്പെക്റ്റ് എലമെന്റ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് സ്കാൻ ചെയ്യാൻ കഴിയുന്നത്
• ഫോണ്ടുകൾ, വലുപ്പങ്ങൾ, നിറങ്ങൾ
• ഷാഡോകളും ബോർഡറുകളും
• സ്ഥാനനിർണ്ണയവും സ്പെയ്സിംഗും
• പ്രതികരണാത്മക ബ്രേക്ക്‌പോയിന്റുകൾ
• മറഞ്ഞിരിക്കുന്ന ലെയറുകളുള്ള പൂർണ്ണ പേജ് ഘടന
എന്താണ് ഇതിനെ വ്യത്യസ്തമാക്കുന്നത്
1️⃣ ടൈപ്പോഗ്രാഫി, നിറങ്ങൾ, പാഡിംഗ് എന്നിവ അവലോകനം ചെയ്യുന്നതിനായി നിർമ്മിച്ചത്
2️⃣ തത്സമയ ശൈലികൾ കാണിക്കുന്ന പൂർണ്ണ css ചെക്കർ
3️⃣ മാക്കിനും വിൻക്കുമുള്ള സംയോജിത കുറുക്കുവഴികൾ
4️⃣ കൺസോൾ ഇല്ലാതെ ഘടകം പരിശോധിക്കുക
5️⃣ പശ്ചാത്തലത്തിൽ നിശബ്ദമായി പ്രവർത്തിക്കുന്നു
ഡിഫോൾട്ട് ഇൻസ്പെക്റ്റ് ക്രോമിനേക്കാൾ ഇതിനെ മികച്ചതാക്കുന്നത് എന്താണ്?
🚀 ശ്രദ്ധ വ്യതിചലിക്കുന്നില്ല - CSS സ്കാൻ പ്രവർത്തനം മാത്രം, കുഴപ്പമൊന്നുമില്ല.
🚀 ലൈറ്റ്, ഡാർക്ക് മോഡുകളിൽ വായനാക്ഷമതയ്ക്കായി മുൻകൂട്ടി സ്റ്റൈൽ ചെയ്‌തിരിക്കുന്നു, എപ്പോഴും ഗംഭീരം
🚀 വേഗത്തിലുള്ള ആക്‌സസിനായി കുറുക്കുവഴികൾ ഉപയോഗിച്ച് വേഗത്തിലുള്ള പര്യവേക്ഷണം
🚀 തത്സമയ കൃത്യതയോടെ തൽക്ഷണ css ചെക്കർ ഫീഡ്‌ബാക്ക്
കേസുകൾ ഉപയോഗിക്കുക
💡സൈറ്റ് ശൈലികൾ വേഗത്തിൽ പര്യവേക്ഷണം ചെയ്യാനും താരതമ്യം ചെയ്യാനും ഒരു css സ്കാൻ പ്രവർത്തിപ്പിക്കുന്നു
💡എലമെന്റ് പരിശോധിക്കുന്നതും പാഡിംഗ് പ്രശ്നങ്ങൾ പരിഹരിക്കുന്നതും എങ്ങനെയെന്ന് കണ്ടെത്തൽ
💡കൃത്യമായ ഡിസൈൻ, ലേഔട്ട് പരിശോധനകൾക്കായി മാക്കിലെ എലമെന്റ് എങ്ങനെ പരിശോധിക്കാമെന്ന് പഠിക്കുന്നു
💡വേഗത്തിലുള്ള ആക്‌സസിനും സുഗമമായ വർക്ക്‌ഫ്ലോകൾക്കുമായി ഇൻസ്‌പെക്ട് ഷോർട്ട്കട്ട് ക്രോം പര്യവേക്ഷണം ചെയ്യുന്നു
സ്മാർട്ട് ലേഔട്ട് ഉൾക്കാഴ്ചകൾ
➤ ഹോവറിലെ ഘടകങ്ങൾ പരിശോധിക്കുക
➤ മാർജിൻ, പാഡിംഗ്, ബോർഡറുകൾ എന്നിവ കാണുക
➤ ഒരു ഘടകം പര്യവേക്ഷണം ചെയ്യാൻ ഒരു കുറുക്കുവഴി ഉപയോഗിക്കുക
➤ ശ്രദ്ധ വ്യതിചലനങ്ങളോ ലോഗിൻ നിർദ്ദേശങ്ങളോ ഇല്ലാതെ പ്രവർത്തിക്കുക
➤ സൈറ്റിന്റെ പെരുമാറ്റം തത്സമയം മനസ്സിലാക്കുക
കേന്ദ്രീകൃത പര്യവേക്ഷണത്തിനായി നിർമ്മിച്ചത്
ഏതൊരു വെബ്‌സൈറ്റിന്റെയും ഡിസൈൻ ഘടന പര്യവേക്ഷണം ചെയ്യുന്ന പ്രക്രിയയെ ഈ വിപുലീകരണം ലളിതമാക്കുന്നു. വൃത്തിയുള്ള UI, ഷോർട്ട്കട്ട് പിന്തുണ, ലോഗിൻ ബഹളമൊന്നുമില്ലാതെ, ലേഔട്ട്, സ്‌പെയ്‌സിംഗ്, സ്റ്റൈലിംഗ് വിശദാംശങ്ങൾ എന്നിവയിലേക്ക് ഇത് നിങ്ങൾക്ക് വേഗത്തിലുള്ള ആക്‌സസ് നൽകുന്നു.
ഈ CSS വ്യൂവറിന്റെ അധിക നേട്ടങ്ങൾ
📌 ഞങ്ങളുടെ css ഇൻസ്പെക്ടർ ടൂൾ ഉപയോഗിച്ച് എല്ലാ ലേഔട്ട് വിശദാംശങ്ങളും നിങ്ങൾക്ക് എളുപ്പത്തിൽ കണ്ടെത്താനാകും.
📌 സമയവും ക്ലിക്കുകളും ലാഭിക്കാൻ ഇൻസ്പെക്റ്റ് എലമെന്റ് കുറുക്കുവഴി ഉപയോഗിക്കുക
📌 Chrome മാറ്റിസ്ഥാപിക്കൽ ഉപകരണത്തിൽ തടസ്സമില്ലാതെ ഒരു പരിശോധന ഘടകമായി പ്രവർത്തിക്കുന്നു
📌 എക്സ്റ്റൻഷൻ തുറക്കുമ്പോഴോ അടയ്ക്കുമ്പോഴോ പേജ് പുതുക്കില്ല.
📌 ഏത് വെബ്‌പേജിലും എവിടെ നിന്നും കുറുക്കുവഴി പരിശോധന ഉപയോഗിച്ച് സമാരംഭിക്കുക
മറ്റ് രസകരമായ സവിശേഷതകൾ
🧪 ഡൈനാമിക് ഉള്ളടക്കത്തിനായുള്ള ഇടപെടലുകളെ പിന്തുണയ്ക്കുന്നു
🧪 പ്രവേശനക്ഷമതയ്ക്കും പ്രകടന അവലോകനങ്ങൾക്കും ഉപയോഗിക്കാം
🧪 തുടക്കക്കാർക്ക് ലളിതമായ കോഡ് പഠനം പ്രാപ്തമാക്കുന്നു
🧪 ഡിസൈൻ പ്രകാരം അജ്ഞാതം – വ്യക്തിഗത വിവരങ്ങളുടെ ട്രാക്കിംഗ് ഇല്ല
❓പതിവ് ചോദ്യങ്ങൾ - പതിവായി ചോദിക്കുന്ന ചോദ്യങ്ങൾ
ചോദ്യം: മാക്കിലെ എലമെന്റ് എങ്ങനെ പരിശോധിക്കാം?
A: എക്സ്റ്റൻഷൻ ഐക്കണിൽ ക്ലിക്ക് ചെയ്യുക അല്ലെങ്കിൽ ഒരു ഷോർട്ട്കട്ട് ഉപയോഗിക്കുക. മാക്കിന്: Cmd + E. വിൻഡോസിന്: Alt + E.
ചോദ്യം: ബിൽറ്റ്-ഇൻ ക്രോം ഇൻസ്പെക്ടറിൽ നിന്ന് ഇത് എങ്ങനെ വ്യത്യാസപ്പെട്ടിരിക്കുന്നു?
A: ഞങ്ങളുടേത് വേഗത്തിൽ സമാരംഭിക്കാവുന്നതും, വായിക്കാൻ എളുപ്പമുള്ളതും, ശ്രദ്ധ തിരിക്കുന്ന കാര്യങ്ങളില്ലാത്തതുമാണ്. വേഗത്തിലുള്ള CSS സ്കാൻ ആവശ്യങ്ങൾക്ക് മികച്ചതാണ്.
ചോദ്യം: നിങ്ങൾ എന്റെ ഡാറ്റ ശേഖരിക്കുന്നുണ്ടോ?
ഉത്തരം: ഇല്ല. നിങ്ങളുടെ സ്വകാര്യതയെ മാനിക്കുന്നതിനാണ് ഈ വിപുലീകരണം രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്. ഞങ്ങൾ വ്യക്തിഗത വിവരങ്ങൾ ഉപയോഗിക്കുകയോ സംഭരിക്കുകയോ പങ്കിടുകയോ ചെയ്യുന്നില്ല.
ചോദ്യം: എനിക്ക് ഈ എക്സ്റ്റൻഷൻ ഓഫ്‌ലൈനിൽ ഉപയോഗിക്കാൻ കഴിയുമോ?
A: ഇല്ല. സജീവമായ ഒരു ഇന്റർനെറ്റ് കണക്ഷൻ ഉണ്ടെങ്കിൽ മാത്രമേ ഇത് പ്രവർത്തിക്കൂ.
ചോദ്യം: ഇത് ഒരു CSS ചെക്കറായും CSS പീപ്പറായും പ്രവർത്തിക്കുമോ?
A: സജീവവും കമ്പ്യൂട്ട് ചെയ്തതും പാരമ്പര്യമായി ലഭിച്ചതുമായ ശൈലികളെക്കുറിച്ച് തത്സമയ ഉൾക്കാഴ്ചകൾ ലഭിക്കുന്നതിന് സമാനമായ ഒരു പ്രവർത്തനക്ഷമത ഇതിനുണ്ട്.
ചോദ്യം: ഇതൊരു പൂർണ്ണ പരിശോധനാ എലമെന്റ് ക്രോം മാറ്റിസ്ഥാപിക്കലാണോ?
A: വേഗതയേറിയതും ദൈനംദിന ഉപയോഗത്തിനുമായി നിർമ്മിച്ച ലളിതവും ഭാരം കുറഞ്ഞതുമായ ഒരു പതിപ്പാണിത്. നിങ്ങളുടെ സൗഹൃദപരമായ CSS വ്യൂവർ കൂട്ടാളിയായി ഇതിനെ കരുതുക.
ഈ ആധുനികവും സ്വകാര്യവും വേഗതയേറിയതുമായ എക്സ്റ്റൻഷൻ ഇപ്പോൾ പരീക്ഷിച്ചുനോക്കൂ. CSS എങ്ങനെ പരിശോധിക്കണമെന്ന് നിങ്ങൾ ചിന്തിക്കുകയാണെങ്കിലും, ലേഔട്ട് ഷിഫ്റ്റുകൾ ഡീബഗ് ചെയ്യേണ്ടതുണ്ടെങ്കിലും, അല്ലെങ്കിൽ വേഗതയേറിയ ഒരു CSS വ്യൂവർ എക്സ്റ്റൻഷൻ ആഗ്രഹിക്കുന്നുണ്ടെങ്കിലും, നിങ്ങൾക്ക് ഈ ഭാരം കുറഞ്ഞ ടൂൾ ഇഷ്ടപ്പെടും.
✨ ഉൽപ്പാദനക്ഷമതയ്ക്കായി നിർമ്മിച്ചത്. വ്യക്തതയ്ക്കായി രൂപകൽപ്പന ചെയ്തത്. ജിജ്ഞാസുക്കൾക്കായി നിർമ്മിച്ചത്.