CRX id
iofloebknojfkadciogbakkblfedobaf
iofloebknojfkadciogbakkblfedobaf
Description from extension meta
ഏതൊരു പേജിനും CSS വ്യൂവറും വെബ്‌സൈറ്റ് ഇൻസ്‌പെക്ടറും ആയി വെബ് ഇൻസ്പെക്ടർ ടൂൾ ഉപയോഗിക്കുക. ഗൂഗിൾ ക്രോം ഇൻസ്‌പെക്ട് എലമെന്റിനുള്ള…
Image from store
Description from store
ഒരു പ്രൊഫഷണലിനെപ്പോലെ ക്രോമിനുള്ള എലമെന്റ് പരിശോധിക്കണോ? ഫ്രണ്ട്-എൻഡ് അടിസ്ഥാനകാര്യങ്ങൾ എളുപ്പത്തിൽ പഠിക്കാൻ ഈ ഉപകരണം നിങ്ങളെ സഹായിക്കുന്നു. ഇത് ഒരു ക്രോം ഇൻസ്പെക്ടറേക്കാൾ കൂടുതലാണ് - ഇത് നിങ്ങളുടെ ഓൾ-ഇൻ-വൺ ഡെവലപ്‌മെന്റ് അസിസ്റ്റന്റാണ്. ഏത് വെബ്‌സൈറ്റിലും നിങ്ങൾക്ക് പൂർണ്ണ നിയന്ത്രണം ആവശ്യമുള്ളപ്പോൾ ഞങ്ങളുടെ ഇൻസ്പെക്ഷൻ ക്രോം ടൂൾ ഉപയോഗിക്കുക.
🔍 വെബ് ഇൻസ്പെക്ടർ ആപ്പ് ഫീച്ചറുകൾ
1. മാറ്റ ചരിത്രത്തിലേക്കുള്ള പ്രവേശനം.
2. css സ്കാൻ വഴി ശൈലികൾ കാണുക.
3. തത്സമയ പേജ് അപ്‌ഡേറ്റുകൾ.
📦 നിങ്ങൾക്ക് എന്ത് ലഭിക്കും?
ഈ ക്രോം ബ്രൗസർ ഇൻസ്പെക്ടർ വെബ്‌സൈറ്റ് ഘടനകളുടെ പര്യവേക്ഷണം ലളിതമാക്കുന്നു, ആദ്യ ക്ലിക്കിൽ തന്നെ വിലപ്പെട്ട ഉൾക്കാഴ്ചകൾ നൽകുന്നു. അറിയുക, ക്രോമിലെ ഘടകങ്ങൾ പരിശോധിക്കുന്നത് തുടക്കക്കാർക്കും പ്രൊഫഷണലുകൾക്കും അവഗണിക്കപ്പെട്ടേക്കാവുന്ന വിശദാംശങ്ങൾ എളുപ്പത്തിൽ കണ്ടെത്താൻ സഹായിക്കുന്നു.
☘️ ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് ആശ്ചര്യപ്പെടുന്നു
• ശൈലികളുടെ വ്യക്തമായ കാഴ്ചയ്ക്കായി ഒരു എലമെന്റിന്റെ css വ്യൂവർ ഹൈലൈറ്റ് ചെയ്യുന്നതിന് അതിൽ ഹോവർ ചെയ്യുക.
• ലേഔട്ടിനെ അവ എങ്ങനെ ബാധിക്കുന്നു എന്ന് കാണിക്കുന്ന മാർജിൻ, പാഡിംഗ് സൂചകങ്ങൾ ഉള്ള സ്‌പെയ്‌സിംഗ് കാണുക.
• രൂപകൽപ്പനയിലെ ഘടനയും ഇടപെടലുകളും മനസ്സിലാക്കാൻ Google Chrome പരിശോധിക്കുക.
• മികച്ച ടൈപ്പോഗ്രാഫി ഉൾക്കാഴ്ചകൾക്കായി ഫോണ്ട് വലുപ്പത്തെയും കുടുംബത്തെയും കുറിച്ചുള്ള വിശദമായ വിവരങ്ങൾ നേടുക.
📚 നിങ്ങൾക്ക് ഇത് എവിടെ പ്രയോഗിക്കാം
ഈ വെബ് പേജ് ഇൻസ്പെക്ടർ ഏത് വെബ്‌സൈറ്റിലും പ്രവർത്തിക്കുന്നു—പരിധികളൊന്നുമില്ല. ക്ലിക്ക് ചെയ്യുകയോ ഹോവർ ചെയ്യുകയോ ചെയ്താൽ നിങ്ങൾക്ക് ധാരാളം വിശദാംശങ്ങൾ കാണാൻ കഴിയും. ഗൂഗിൾ വെബ് ഇൻസ്പെക്ടർ വാഗ്ദാനം ചെയ്യുന്ന വ്യത്യാസം അനുഭവിക്കാനുള്ള സമയമാണിത്. എക്സ്റ്റൻഷൻ ഇപ്പോൾ ഇൻസ്റ്റാൾ ചെയ്യുക!
🔥 CSS പീപ്പർ എക്സ്റ്റൻഷനിൽ പൊതുവായത്
➣ എളുപ്പത്തിൽ ഘടകങ്ങൾ കാണൽ.
➣ ക്ലാസ് ആട്രിബ്യൂട്ട് മൂല്യങ്ങൾ കാണുക.
➣ ഫോണ്ട് വിവരങ്ങൾ വീണ്ടെടുക്കുക.
➣ മീഡിയ ഫയൽ ഉറവിടങ്ങൾ കാണുക.
➣ വെബ് വർണ്ണ പാലറ്റ് എക്‌സ്‌ട്രാക്റ്റ് ചെയ്യുക.
💥 നമുക്ക് മറ്റെന്താണ് ഉള്ളത്
⭐️എലമെന്റ് ക്രോം പരിശോധിക്കുമ്പോൾ HEX, RGB, അല്ലെങ്കിൽ HSL എന്നിവയിൽ പിക്സൽ നിറങ്ങൾ തിരഞ്ഞെടുക്കാനുള്ള കഴിവ്.
Properties പ്രോപ്പർട്ടികളും അവയുടെ മൂല്യങ്ങളും തടസ്സമില്ലാതെ ചേർക്കാനും നീക്കംചെയ്യാനും മാറ്റാനുമുള്ള കഴിവ്.
⭐️ വെബ് ഇൻസ്പെക്ടർ ആപ്പ് ഉപയോഗിച്ച് ദൃശ്യമായ ടെക്സ്റ്റ് ഉള്ളടക്കം വളരെ എളുപ്പത്തിൽ നേരിട്ട് എഡിറ്റ് ചെയ്യുക.
🧠 പതിവായി ചോദിക്കുന്ന ചോദ്യങ്ങൾ
ചോദ്യം: എനിക്ക് ഇത് ഒരു css പ്ലഗിൻ chrome ആയി ഉപയോഗിക്കാമോ?
A: അതെ, ഇത് ബ്രൗസറിനായുള്ള ഒരു പൂർണ്ണ സവിശേഷതയുള്ള പ്ലഗിൻ ആണ്.
ചോദ്യം: ഈ പ്ലഗിൻ തുടക്കക്കാർക്ക് ഉപയോക്തൃ സൗഹൃദമാണോ?
എ: തീർച്ചയായും! ഇതിന് വളരെ എളുപ്പമുള്ള നാവിഗേഷൻ ഉണ്ട്.
ചോദ്യം: ഒരു വെബ് ഇൻസ്പെക്ടറുടെ പ്രയോജനം എന്താണ്?
A: ഇത് കാഴ്ചയും ലേഔട്ട് പരിശോധനയും ലളിതമാക്കുന്നു.
🌐 ഇത് എവിടെയാണ് പ്രവർത്തിക്കുന്നത്
ഇൻസ്പെക്റ്റ് ക്രോം ഫീച്ചർ ഏതൊരു പൊതു ഉറവിടത്തിലും തടസ്സമില്ലാതെ പ്രവർത്തിക്കുന്നു. ബ്രൗസറിനുള്ളിൽ നേരിട്ട് പരീക്ഷിക്കുക. ഡെവലപ്പർ ടൂൾസ് ടാബുകളിലൂടെ ഇനി വേട്ടയാടേണ്ടതില്ല! ഡെവലപ്പർമാർക്ക് ഞങ്ങളുടെ ബ്രൗസർ ഇൻസ്പെക്ടർ ക്രോം ഇഷ്ടപ്പെടും.
❤️ നമ്മളെ ഇഷ്ടപ്പെടാനുള്ള കാരണങ്ങൾ
1. എഡിറ്റുകൾ തത്സമയമാണ് — വെബിൽ ഫലങ്ങൾ ഉടനടി കാണുക.
2. സങ്കീർണ്ണമായ നെസ്റ്റഡ് ഘടകങ്ങൾ ഫലപ്രദമായി കൈകാര്യം ചെയ്യുന്നു.
3. വിവിധ ജോലികൾക്കായുള്ള ഗൂഗിൾ ക്രോം വെബ് ഇൻസ്പെക്ടർ.
🧩 ഡെവലപ്പർമാർക്കുള്ള പെർഫെക്റ്റ് കോംബോ
ഡിസൈൻ എഡിറ്റുകളിലും ഫ്രണ്ട്-എൻഡ് ട്വീക്കുകളിലും ഈ ഉപകരണം വേഗതയും വ്യക്തതയും നൽകുന്നു. css chrome എക്സ്റ്റൻഷൻ ഉപയോഗിച്ച്, നിങ്ങൾക്ക് സ്റ്റൈലുകൾ തൽക്ഷണം മാറ്റാൻ കഴിയും. ലേഔട്ട് സ്വഭാവവും ഘടനയും വിശകലനം ചെയ്യുമ്പോൾ വെബ് ഇൻസ്പെക്ടർ ആപ്പ് കൃത്യത ചേർക്കുന്നു.
💪🏻 നിങ്ങൾക്ക് എന്തുചെയ്യാൻ കഴിയും
1️⃣ പ്രതികരിക്കുന്ന വെബ് ലേഔട്ടുകൾ മനസ്സിലാക്കൽ.
2️⃣ CSS സ്കാൻ ഉപയോഗിച്ച് വെബ് ശൈലികൾ പകർത്തുന്നു.
3️⃣ ആധുനിക വെബ്‌സൈറ്റ് ഘടന അറിയുക.
4️⃣ ഫ്രണ്ട്-എൻഡ് കോഡിലെ ബഗുകൾ വേർതിരിച്ചെടുക്കൽ.
🧪 ആർക്കൊക്കെ ഉപയോഗിക്കാം
വിപുലമായ വെബ് പേജ് പരിശോധനയുടെ പൂർണ്ണ ശക്തി പരീക്ഷിക്കാൻ തയ്യാറാണോ Chrome? വേഗത, വ്യക്തത, നേരിട്ടുള്ള ഇടപെടൽ എന്നിവ ആഗ്രഹിക്കുന്ന ഡെവലപ്പർമാർക്കായി ഇത് നിർമ്മിച്ചതാണ്. നിങ്ങളുടെ വർക്ക്ഫ്ലോയുടെ പരിവർത്തനം അനുവദിക്കുക. വ്യത്യസ്ത ജോലികൾക്ക് വെബ് ഇൻസ്പെക്ടർ ഉപകരണം അനുയോജ്യമാണ്.
❓ ദ്രുത പതിവ് ചോദ്യങ്ങൾ
➤ എനിക്ക് ഇത് എവിടെ നിന്ന് ഡൗൺലോഡ് ചെയ്യാൻ കഴിയും? ഇത് ഫയർഫോക്സിൽ ലഭ്യമാണോ?
✱ നിങ്ങൾക്ക് വെബ്‌സ്റ്റോറിൽ നിന്ന് വെബ് ഇൻസ്പെക്ടർ ഡൗൺലോഡ് ചെയ്യാം.
➤ എഡിറ്റിംഗ് പ്രക്രിയയിൽ വരുത്തിയ മാറ്റങ്ങൾ എനിക്ക് സംരക്ഷിക്കാൻ കഴിയുമോ?
✱ ഇല്ല, എഡിറ്റിംഗ് സമയത്ത് വരുത്തുന്ന മാറ്റങ്ങൾ താൽക്കാലികമാണ്.
➤ ഗൂഗിൾ ഇൻസ്പെക്റ്റ് ടൂളിൽ നിന്ന് ഈ ടൂളിനെ വ്യത്യസ്തമാക്കുന്നത് എന്താണ്?
✱ ഇത് ലളിതമായ ദൃശ്യങ്ങളുള്ള ഒരു തത്സമയ എഡിറ്റർ ചേർക്കുന്നു.
📥 എങ്ങനെ തുടങ്ങാം
ഇൻസ്റ്റാളേഷന് ശേഷം, ഏതെങ്കിലും എലമെന്റിന് മുകളിൽ ഹോവർ ചെയ്ത് സ്‌പെയ്‌സ്‌ബാറിൽ അമർത്തി വെബ് പേജ് ഇൻസ്പെക്ടർ സജീവമാക്കുക. നിങ്ങളുടെ ഡിസൈനിന്റെ പ്രത്യേക ഭാഗങ്ങൾ എളുപ്പത്തിൽ പരിശോധിക്കാൻ ഈ സവിശേഷത നിങ്ങളെ അനുവദിക്കുന്നു. നിങ്ങൾ ബട്ടണുകളിലോ ഹെഡറുകളിലോ ക്ലിക്ക് ചെയ്യുകയാണെങ്കിലും, Chrome-നൊപ്പമുള്ള Google പരിശോധന നിങ്ങളുടെ വർക്ക്ഫ്ലോയിൽ കൃത്യതയും എളുപ്പവും നൽകുന്നു.
🔎 ഗൂഗിൾ വെബ് ഇൻസ്പെക്ടർ ഉപയോഗിച്ച് പര്യവേക്ഷണം ചെയ്യുക
- ടൈപ്പോഗ്രാഫി ശൈലികൾ.
- വിശദമായ ക്രമീകരണങ്ങൾ.
- എലമെന്റ് പാഡിംഗ്.
- HTML ക്ലാസുകൾ.
- വെബ് നിറങ്ങൾ ഉപയോഗിച്ചു.
- മാർജിൻ മൂല്യങ്ങൾ.
ആട്രിബ്യൂട്ടുകളിലേക്ക് ദ്രുത ആക്‌സസ് ആവശ്യമുള്ളപ്പോൾ ഞങ്ങളുടെ css എക്സ്റ്റൻഷൻ ഉപയോഗിക്കുക. വലിയ DevTools തുറക്കേണ്ട ആവശ്യമില്ല — എല്ലാം നിങ്ങളുടെ കഴ്‌സറിൽ തന്നെയുണ്ട്. ഈ chrome പരിശോധന ഉപകരണം നിങ്ങളുടെ വർക്ക്ഫ്ലോ കാര്യക്ഷമമാക്കുന്നതിനുള്ള ഒരു കാര്യക്ഷമമായ മാർഗം നൽകുന്നു.
🌟 Chrome ബ്രൗസർ ഇൻസ്പെക്ടർ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ലഭിക്കുന്നത്
✔️ തത്സമയ പ്രിവ്യൂ.
✔️ ഗ്രിഡ് ഇൻസ്പെക്ടർ.
✔️ വർണ്ണ പാലറ്റുകൾ.
☀️ ഞങ്ങളുടെ അതുല്യമായ അനുഭവവുമായി ബന്ധപ്പെടുക
ഇതാണ് നിങ്ങൾക്കുള്ള പരിഹാരം! ഇന്ന് തന്നെ Chrome-ൽ ഇൻസ്പെക്റ്റ് എലമെന്റ് ആരംഭിക്കൂ. സ്റ്റൈലുകളുമായി പ്രവർത്തിക്കാനുള്ള കൂടുതൽ ദൃശ്യപരമായ മാർഗമായ ഞങ്ങളുടെ വെബ് എക്സ്റ്റൻഷൻ പരീക്ഷിച്ചുനോക്കൂ. ശക്തവും ഉപയോക്തൃ-സൗഹൃദവുമായ ഒരു വെബ്‌സൈറ്റ് ഇൻസ്പെക്ടറോടൊപ്പം സ്വതന്ത്രമായി സൃഷ്ടിക്കൂ.
Latest reviews
- (2025-07-11) Tuannn Hoang: nice one
- (2025-06-21) Егор К. (Meditator): veryyy gooooood
- (2025-06-20) Valeri: Good!!! Been using this for 3 days and it's amazing. DevTools usually shows 200+ CSS properties with tons of useless stuff. This filters out the junk and shows only what affects the display.
- (2025-06-19) Александр Павлюк: Super helpful!
- (2025-06-18) Натали А: I can't believe how useful Web Inspector has been for my projects. It allows me to make quick edits, and the UI is super friendly. Highly recommend it to everyone!