CRX id
bejjibfmjohgpmipnfdllmmpbfbehdbo
bejjibfmjohgpmipnfdllmmpbfbehdbo
Description from extension meta
വെബ് ഇൻസ്പെക്ടർ ഉപയോഗിക്കുക: എളുപ്പത്തിൽ എലമെന്റ് പരിശോധിക്കുക, ഡെവലപ്പർ ടൂളുകൾ ഉപയോഗിക്കുക, ഡെവലപ്പർ ടൂളിംഗ് ഉപയോഗിക്കുക,…
Image from store
Description from store
🚀 ഞങ്ങളുടെ അൾട്ടിമേറ്റ് ക്രോം എക്സ്റ്റൻഷൻ ഉപയോഗിച്ച് നിങ്ങളുടെ വികസന അനുഭവം ഉയർത്തൂ!
💻 വെബ് പരിശോധനയുടെയും ഡീബഗ്ഗിംഗിന്റെയും അടുത്ത തലമുറയിലേക്ക് സ്വാഗതം! ഫ്രണ്ട് എൻഡ് ഡെവലപ്പർമാർക്കും ഡിസൈനർമാർക്കും വേണ്ടി പ്രത്യേകം രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന ഞങ്ങളുടെ വിപുലീകരണം, നിങ്ങളുടെ ബ്രൗസറിനെ ഉൽപ്പാദനക്ഷമതയുടെയും സർഗ്ഗാത്മകതയുടെയും ഒരു പവർഹൗസാക്കി മാറ്റുന്നു.
🧑💻 നിങ്ങൾ ഒരു പരിചയസമ്പന്നനായ ഡെവലപ്പർ ആണെങ്കിലും അല്ലെങ്കിൽ നിങ്ങളുടെ ഡിസൈൻ യാത്ര ആരംഭിക്കുകയാണെങ്കിലും, നിങ്ങളുടെ പ്രോജക്റ്റുകളുടെ ഓരോ ഘടകങ്ങളും പരിശോധിക്കാനും വിശകലനം ചെയ്യാനും ഒപ്റ്റിമൈസ് ചെയ്യാനും ഈ ഉപകരണം അവബോധജന്യവും എന്നാൽ സവിശേഷതകളാൽ സമ്പന്നവുമായ അനുഭവം പ്രദാനം ചെയ്യുന്നു.
🎨 പരിശോധനാ കലയിൽ പ്രാവീണ്യം നേടൽ
🧐 അടിസ്ഥാനകാര്യങ്ങളെക്കുറിച്ച് അറിയാൻ താൽപ്പര്യമുണ്ടോ? ആ കത്തുന്ന ചോദ്യങ്ങൾക്ക് ഉത്തരം നൽകാം:
❓ എന്താണ് വെബ് ഇൻസ്പെക്ടർ?
💡 ഏതൊരു വെബ്‌പേജിന്റെയും ഘടനയിലേക്ക് ആഴത്തിൽ ഇറങ്ങാൻ ഈ ഉപകരണങ്ങൾ നിങ്ങളെ അനുവദിക്കുന്നു, അടിസ്ഥാന HTML, CSS, JavaScript എന്നിവ തത്സമയം വെളിപ്പെടുത്തുന്നു.
❓ സഫാരി വെബ് ഇൻസ്പെക്ടറെ നിങ്ങൾക്ക് പരിചയമുണ്ടോ?
💡 ഞങ്ങളുടെ എക്സ്റ്റൻഷൻ അതേ തലത്തിലുള്ള ഉൾക്കാഴ്ച എങ്ങനെ നൽകുന്നുവെന്ന് നിങ്ങൾ അഭിനന്ദിക്കും, അതുവഴി നിങ്ങളുടെ ഉള്ളടക്കം മനസ്സിലാക്കുന്നതും കൈകാര്യം ചെയ്യുന്നതും മുമ്പത്തേക്കാളും എളുപ്പമാക്കുന്നു.
❓ നിങ്ങൾ ഓൺലൈനിൽ ഒരു html വെബ് ഇൻസ്പെക്ടർ അനുഭവം തേടുകയാണോ?
💡 നിങ്ങളുടെ വർക്ക്ഫ്ലോയ്ക്ക് അനുയോജ്യമായ ഒരു ശക്തമായ ബദൽ ഞങ്ങളുടെ ഉപകരണം നൽകുന്നു.
🌟 പ്രധാന സവിശേഷതകളും ഉപകരണങ്ങളും
✅ സൗഹൃദ രൂപകൽപ്പനയും സാങ്കേതിക കൃത്യതയും സംയോജിപ്പിക്കുന്ന സവിശേഷതകളാൽ ഞങ്ങളുടെ ആപ്പ് നിറഞ്ഞിരിക്കുന്നു. നിങ്ങൾക്ക് എന്തുചെയ്യാനാകുമെന്ന് പരിശോധിക്കുക:
🔢 കോർ കഴിവുകളുടെ സംഖ്യാ പട്ടിക
1. വെബ് ഇൻസ്പെക്ടർ ഷോർട്ട്കട്ട് - സജ്ജീകരിച്ച് വേഗത്തിൽ ഉപയോഗിക്കുക.
2. തൽക്ഷണ CSS ഇൻസൈറ്റുകൾ - CSS ശൈലികളും നിയമങ്ങളും തൽക്ഷണം വെളിപ്പെടുത്താൻ ക്ലിക്ക് ചെയ്യുക.
3. അസറ്റ് എക്‌സ്‌ട്രാക്റ്റർ - ഒരു ക്ലിക്കിലൂടെ ചിത്രങ്ങൾ, ഐക്കണുകൾ, മറ്റ് അസറ്റുകൾ എന്നിവ നേടുക.
4. വ്യൂപോർട്ട് ടൂളുകൾ - ഏതൊരു വെബ്‌പേജിലെയും ദൂരങ്ങൾ, വലുപ്പങ്ങൾ, വിന്യാസം എന്നിവ കൃത്യമായി അളക്കുക.
🖍️ ക്വിക്ക് റഫറൻസിനുള്ള ഇമോജി-നമ്പർ ലിസ്റ്റ്
1️⃣ അഡ്വാൻസ്ഡ് കളർ ടൂളുകൾ - ക്രോമിലെ വെബ് ഇൻസ്പെക്ടർ കളർ പാലറ്റുകൾ അനായാസം കണ്ടെത്തി വേർതിരിച്ചെടുക്കുന്നു.
2️⃣ ടൈപ്പോഗ്രാഫി എക്സ്പ്ലോറർ - വിശദമായ ടൈപ്പോഗ്രാഫി വിവരങ്ങളും ഫോണ്ട് ജോടിയാക്കലുകളും കണ്ടെത്തുക.
3️⃣ ബിൽറ്റ്-ഇൻ ആക്‌സസിബിലിറ്റി ചെക്കർ - നിങ്ങളുടെ ഡിസൈനുകൾ വർണ്ണ കോൺട്രാസ്റ്റും വായനാക്ഷമതാ മാനദണ്ഡങ്ങളും പാലിക്കുന്നുണ്ടെന്ന് ഉറപ്പാക്കുക.
⚡️ വൈവിധ്യത്തോടുകൂടിയ ബുള്ളറ്റ് ചെയ്ത ഹൈലൈറ്റുകൾ
➤ നിങ്ങളുടെ പരിശോധനാ ഉപകരണങ്ങൾ എന്നത്തേക്കാളും വേഗത്തിൽ ആക്‌സസ് ചെയ്യുക!
➤ ആഴത്തിലുള്ള വിശകലനത്തിനായി മെച്ചപ്പെടുത്തിയതും ഉപയോക്തൃ-സൗഹൃദവുമായ ഒരു ഇന്റർഫേസ് ആസ്വദിക്കൂ.
➤ ഷോ വെബ് ഇൻസ്പെക്ടർ വികസിപ്പിക്കുക: വേഗത്തിൽ വ്യത്യസ്ത കാഴ്ചകൾക്കിടയിൽ മാറുക.
🔍 അഡ്വാൻസ്ഡ് ഡെവലപ്പർ ടൂൾസ് ഇന്റഗ്രേഷൻ
🧑💻 ഞങ്ങളുടെ എക്സ്റ്റൻഷൻ വെറും അടിസ്ഥാന പരിശോധനയല്ല—ഇത് നിങ്ങളെ കൂടുതൽ മികച്ച രീതിയിൽ കോഡ് ചെയ്യാൻ പ്രാപ്തരാക്കുന്ന വിപുലമായ ക്രോം ഡെവലപ്‌മെന്റ് ടൂളുകളെക്കുറിച്ചാണ്. ഒരു കൂട്ടം ഉപകരണങ്ങൾ ഉപയോഗിച്ച് തടസ്സമില്ലാത്ത സംയോജനം ആസ്വദിക്കൂ:
- Chrome ഡെവലപ്‌മെന്റ് ടൂളുകൾ: കൂടുതൽ ആഴത്തിലുള്ള കോഡ് വിശകലനത്തിനായി മെച്ചപ്പെടുത്തിയ സംയോജനം.
- തത്സമയ ഡീബഗ്ഗിംഗിനും പ്രകടന ട്യൂണിംഗിനുമുള്ള നിങ്ങളുടെ പ്രിയപ്പെട്ട യൂട്ടിലിറ്റികളുടെ ഒരു കൂട്ടം.
- ഡെവലപ്‌ടൂളുകൾ: പരമാവധി ഉൽപ്പാദനക്ഷമതയ്‌ക്കായി അധിക സവിശേഷതകളുള്ള പരിചിതമായ ഇന്റർഫേസുകൾ.
🌐 ഓൺലൈൻ & റിമോട്ട് പരിശോധന
🖥️ നിങ്ങളുടെ പ്രാഥമിക വർക്ക്‌സ്റ്റേഷനിൽ നിന്ന് അകലെയായിരിക്കുമ്പോഴോ അല്ലെങ്കിൽ നിങ്ങളുടെ പരിശോധനാ ശേഷികൾ വിദൂരമായി ആക്‌സസ് ചെയ്യേണ്ടിവരുമ്പോഴോ, ഞങ്ങളുടെ വിപുലീകരണം വാഗ്ദാനം ചെയ്യുന്നു:
- ഗൂഗിൾ ക്രോം വെബ് ഇൻസ്പെക്ടർ ഓൺലൈൻ: ലോകത്തെവിടെയും നിങ്ങളുടെ ബ്രൗസറിൽ നിന്ന് നേരിട്ട് ഒരു പൂർണ്ണമായ പരിശോധനാ സ്യൂട്ട് അനുഭവിക്കൂ!
🤔 എന്തുകൊണ്ട് ഞങ്ങളുടെ വിപുലീകരണം തിരഞ്ഞെടുക്കണം?
🏆 വികസനത്തിന്റെ സൃഷ്ടിപരവും സാങ്കേതികവുമായ വശങ്ങൾ നിറവേറ്റുന്നതിനാണ് ഞങ്ങളുടെ ആപ്പ് നിർമ്മിച്ചിരിക്കുന്നത്. ഞങ്ങളെ വ്യത്യസ്തരാക്കുന്നത് ഇതാ:
സമഗ്രമായ സവിശേഷതകൾ: എലമെന്റ് ഇൻസ്പെക്ടർ html വെബ് മുതൽ വിപുലമായ കളർ, ടൈപ്പോഗ്രാഫി വരെ, ഓരോ ഫീച്ചറും നിങ്ങളുടെ ഉൽപ്പാദനക്ഷമത വർദ്ധിപ്പിക്കുന്നതിനാണ് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്.
ഉപയോക്തൃ-സൗഹൃദം: ശക്തമായ ലഭ്യതകളുമായി ആധുനികവും വൃത്തിയുള്ളതുമായ ഇന്റർഫേസ് സംയോജിപ്പിക്കുന്നു.
ഇഷ്ടാനുസൃതമാക്കൽ: ഇഷ്ടാനുസൃതമാക്കാവുന്ന ക്രമീകരണങ്ങളും കുറുക്കുവഴികളും ഉപയോഗിച്ച് നിങ്ങളുടെ അനുഭവം ഇഷ്ടാനുസൃതമാക്കുക.
ക്രോസ്-പ്ലാറ്റ്‌ഫോം അനുയോജ്യത: നിങ്ങൾ ക്രോം വെബ് ഇൻസ്പെക്ടർ ഉപയോഗിക്കുകയാണെങ്കിലും അല്ലെങ്കിൽ സഫാരി വെബ് ഇൻസ്‌പെക്ടറുമായി താരതമ്യം ചെയ്യുകയാണെങ്കിലും, ഞങ്ങളുടെ ആപ്ലിക്കേഷൻ വ്യത്യസ്ത പ്ലാറ്റ്‌ഫോമുകളിൽ തടസ്സമില്ലാതെ പ്രവർത്തിക്കുന്നു.
വിദ്യാഭ്യാസ മൂല്യം: നിങ്ങൾക്ക് ശക്തമായ ഉപകരണങ്ങൾ ലഭിക്കുക മാത്രമല്ല, അത് എങ്ങനെ ഫലപ്രദമായി ഉപയോഗിക്കാമെന്ന് പഠിക്കുകയും ചെയ്യുന്നു.
🔥 ആരംഭിക്കുന്നത് ലളിതമാണ്!
🤿 കുറച്ച് ലളിതമായ ഘട്ടങ്ങളിലൂടെ കാര്യക്ഷമമായ ഡീബഗ്ഗിംഗിന്റെയും ക്രിയേറ്റീവ് ഡിസൈനിന്റെയും ലോകത്തേക്ക് മുഴുകൂ:
1. എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക: CWS-ൽ നിന്ന് അത് എടുത്ത് നിങ്ങളുടെ ബ്രൗസറിലേക്ക് ചേർക്കുക.
2. നിങ്ങളുടെ വർക്ക്‌സ്‌പെയ്‌സ് സജ്ജീകരിക്കുക: തൽക്ഷണ ആക്‌സസിനായി നിങ്ങളുടെ ക്രമീകരണങ്ങൾ ഇഷ്ടാനുസൃതമാക്കുക, നിങ്ങളുടെ വെബ് ഇൻസ്പെക്ടർ കുറുക്കുവഴി കോൺഫിഗർ ചെയ്യുക.
3. പര്യവേക്ഷണം & ഒപ്റ്റിമൈസ് ചെയ്യുക: നിങ്ങളുടെ വികസന പ്രക്രിയ കാര്യക്ഷമമാക്കാൻ സവിശേഷതകൾ ഉപയോഗിക്കുക.
🛠️ എല്ലാ ലഭ്യതകളും ഉപയോഗിക്കുക:
- ഡെവലപ്‌മെന്റ് ഉപകരണങ്ങൾ: കാര്യക്ഷമവും കാര്യക്ഷമവും, ദൈനംദിന ജോലികൾ എളുപ്പമാക്കുന്നു.
- ബിൽറ്റ്-ഇൻ, നൂതന ഓപ്ഷനുകൾ ഉപയോഗിച്ച് നിങ്ങളുടെ വികസന വർക്ക്ഫ്ലോ ഒപ്റ്റിമൈസ് ചെയ്യുകയും മെച്ചപ്പെടുത്തുകയും ചെയ്യുക.
- വെബ് ഉള്ളടക്കം പരിശോധിക്കുന്നതിനും പരിഷ്ക്കരിക്കുന്നതിനും ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിനുമുള്ള ഒരു സമഗ്രമായ യൂട്ടിലിറ്റികൾ.
- Chrome ഡീബഗ്ഗർ: പ്രശ്നങ്ങൾ ട്രാക്ക് ചെയ്യുന്നത് എന്നത്തേക്കാളും ലളിതമാക്കുന്ന സംയോജിത ഡീബഗ്ഗിംഗ് കഴിവുകൾ.
📖 ഈ മേഖലയിലേക്ക് പുതുതായി വരുന്നവർക്ക്, മാക്കിലെ എലമെന്റ് എങ്ങനെ പരിശോധിക്കാമെന്ന് ഞങ്ങളുടെ അവബോധജന്യമായ ഗൈഡുകൾ വിശദീകരിക്കുന്നു, ഇത് പരിവർത്തനം സുഗമവും ആസ്വാദ്യകരവുമാക്കുന്നു.
✏️ നിങ്ങൾ ലേഔട്ടുകൾ ഫൈൻ-ട്യൂൺ ചെയ്യുകയാണെങ്കിലും സങ്കീർണ്ണമായ കോഡ് ഡീബഗ് ചെയ്യുകയാണെങ്കിലും, ഞങ്ങളുടെ വിപുലീകരണം ആധുനിക വെബ് ടൂളുകളുടെ സൗകര്യത്തോടൊപ്പം ക്രോം ഡെവലപ്പർ ടൂളുകളുടെ സമഗ്രമായ പിന്തുണ നൽകുന്നു.
👨🎨 നിങ്ങളുടെ ബ്രൗസറിന്റെ പൂർണ്ണ ശേഷി ഉപയോഗപ്പെടുത്തി നിങ്ങൾ നിർമ്മിക്കുന്ന, രൂപകൽപ്പന ചെയ്യുന്ന, ഡീബഗ് ചെയ്യുന്ന രീതി പരിവർത്തനം ചെയ്യുക. കൃത്യത, വേഗത, ശൈലി എന്നിവ ഉപയോഗിച്ച് നിങ്ങളുടെ പ്രോജക്റ്റുകൾ മെച്ചപ്പെടുത്തുക. ഇന്ന് തന്നെ നിങ്ങളുടെ വർക്ക്ഫ്ലോ അപ്‌ഗ്രേഡ് ചെയ്യുക, എണ്ണമറ്റ ഡെവലപ്പർമാരും ഡിസൈനർമാരും ഓരോ പ്രോജക്റ്റിനും ഞങ്ങളുടെ വിപുലീകരണത്തെ വിശ്വസിക്കുന്നത് എന്തുകൊണ്ടാണെന്ന് കാണുക.
📝 മറ്റ് ഉപയോഗപ്രദമായ കുറുക്കുവഴികളിൽ ഇവ ഉൾപ്പെടുന്നു:
- വെബ് ഇൻസ്പെക്ടർ പ്രാപ്തമാക്കുക: തൽക്ഷണം പ്രാപ്തമാക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഇഷ്ടാനുസൃതമാക്കാവുന്ന കീ ബൈൻഡിംഗുകൾ.
- chrome പരിശോധന: നിങ്ങളുടെ വർക്ക്ഫ്ലോയിൽ നിർമ്മിച്ച ശക്തമായ പരിശോധനാ ഉപകരണങ്ങളിലേക്കുള്ള നേരിട്ടുള്ള പാത.
✨സർഗ്ഗാത്മകതയുടെയും കോഡ് മാസ്റ്ററിയുടെയും ആത്യന്തിക മിശ്രിതം അനുഭവിക്കാൻ തയ്യാറാകൂ—ഓരോ ക്ലിക്കും, ഓരോ പരിശോധനയും, ഓരോ ഡിസൈൻ തീരുമാനവും നൂതനത്വവും എളുപ്പവും കൊണ്ട് ഊർജിതമാക്കപ്പെട്ടിരിക്കുന്നു. സന്തോഷകരമായ പരിശോധന!
🔧 ദ്രുത ആക്‌സസ് & ഡെവലപ്പർ കുറുക്കുവഴികൾ
🏎️ ഏതൊരു ഡെവലപ്പർക്കും വേഗതയും കാര്യക്ഷമതയും പ്രധാനമാണ്. ഞങ്ങളുടെ ആപ്ലിക്കേഷൻ ആരംഭിക്കുന്നത് എളുപ്പമാക്കുന്നു:
📍 മാക്കിൽ എലമെന്റ് എങ്ങനെ പരിശോധിക്കാം?
💡 macOS ഉപയോക്താക്കളെ മനസ്സിൽ വെച്ചുകൊണ്ട് രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്നതിനാൽ, നിങ്ങളുടെ ഉപകരണത്തിന്റെ നേറ്റീവ് കുറുക്കുവഴികൾ ഉപയോഗിച്ച് എലമെന്റ് പരിശോധിക്കുന്നത് എളുപ്പമാക്കുന്നു.
📍 എങ്ങനെ തുറക്കും?
💡 നിങ്ങളുടെ കോഡിലേക്ക് ആഴ്ന്നിറങ്ങാൻ ഒരു ഒറ്റ-ക്ലിക്ക് പരിഹാരം.
📍 ക്രോമിൽ വെബ് ഇൻസ്പെക്ടർ എങ്ങനെ തുറക്കാം?
💡 നിങ്ങളുടെ ബ്രൗസറിൽ ഇത് തടസ്സമില്ലാതെ സംയോജിപ്പിക്കുക.
Latest reviews
- (2025-08-25) Dave Hughes: Great extension! Please add a point-to-point measure tool. * When I click anywhere on the page, display a static tooltip/label with the coordinates of that point. * When I move the mouse past that first point: ** The pointer should show a tooltip with its coordinates. ** A line from the first point should follow the mouse. ** Another tooltip/label should stick to the line and display the length (display both the x and y deltas, as well as the hypotenuse/point-to-point distance). * When I hold a modifier key (shift), the line should snap to the nearest multiple of 45 degrees (0, 45, 90 degrees, etc). * When I click again, a second point should be placed and the line, points, and their labels should all become static on the page. * Clicking again elsewhere will create a new first point and allow for a new line to be measured, without erasing the previous points. * All lines will persist until the measure tool is toggled off. Please and thank you!
- (2025-08-19) Nguyễn Hồng Sơn: That is what i need!!! Excellent extension
- (2025-05-30) Sitonlinecomputercen: I would say that, Web Inspector Extension is very important in this world.Thank
- (2025-05-29) jsmith jsmith: Cool, I use it for design reviews.
- (2025-05-29) Виктор Дмитриевич: One click and you’ve exported all the colors from a website in the desired format — super convenient.
- (2025-05-27) Vitali Trystsen: Super easy way to measure distances between HTML elements on a page — top-notch!