CRX id
jeebpgmphhagpecfiophljpkhncoajcg
jeebpgmphhagpecfiophljpkhncoajcg
Description from extension meta
എല്ലാ ഘടകങ്ങളിലും (പശ്ചാത്തല നിറം ഇല്ലാതെ) ഔട്ട്‌ലൈനുകൾ ഉൾപ്പെടുത്തുക മാത്രമല്ല, വലുപ്പവും ലേഔട്ടും പരിശോധിക്കുകയും ചെയ്യുന്നു. CSS…
Image from store
Description from store
ലേഔട്ടുകൾ ഡീബഗ്ഗ് ചെയ്യുന്നതിനും CSS മാസ്റ്റേഴ്സ് ചെയ്യുന്നതിനുമുള്ള ആത്യന്തിക ഉപകരണമായ പെസ്റ്റിസൈഡ് ഉപയോഗിച്ച് നിങ്ങളുടെ വെബ് ഡെവലപ്‌മെന്റ് അനുഭവം ഉയർത്തൂ!
🔍 കീടനാശിനി എന്താണ് ചെയ്യുന്നത്?
കീടനാശിനി നിങ്ങളുടെ വെബ്‌പേജിൽ വിഷ്വൽ ഗൈഡുകൾ ഓവർലേ ചെയ്യുന്നു, എലമെന്റ് അതിരുകൾ, വലുപ്പങ്ങൾ, ഡീബഗ് ലേഔട്ടുകൾ എന്നിവ തിരിച്ചറിയുന്നതിനും നിങ്ങളുടെ CSS ബോക്സ് മോഡലുകൾ മികച്ചതാക്കുന്നതിനും ഇത് എളുപ്പമാക്കുന്നു. നിങ്ങൾ ഒരു തുടക്കക്കാരനായാലും വിദഗ്ദ്ധ വെബ് ഡെവലപ്പർ ആയാലും, ലേഔട്ട് ട്രബിൾഷൂട്ടിംഗിനുള്ള നിങ്ങളുടെ പ്രിയപ്പെട്ട പരിഹാരമാണ് ഈ ഉപകരണം.
🌟 പ്രധാന സവിശേഷതകൾ
- CSS ഡീബഗ്ഗിംഗ് എളുപ്പമാക്കി: നിങ്ങളുടെ ലേഔട്ട് ഘടന മനസ്സിലാക്കാൻ എലമെന്റ് ഔട്ട്‌ലൈനുകൾ തൽക്ഷണം ഹൈലൈറ്റ് ചെയ്യുക.
- എളുപ്പത്തിൽ ടോഗിൾ ചെയ്യുക: കീടനാശിനി പ്രവർത്തനക്ഷമമാക്കാനോ പ്രവർത്തനരഹിതമാക്കാനോ Ctrl + Shift + P പോലുള്ള കീബോർഡ് കുറുക്കുവഴികൾ അല്ലെങ്കിൽ സന്ദർഭ മെനു പോലുള്ള കീബോർഡ് കുറുക്കുവഴികൾ ഉപയോഗിക്കുക.
- സംവേദനാത്മക നിർദ്ദേശങ്ങൾ: മോഡുകൾ എങ്ങനെ ഉപേക്ഷിക്കാം അല്ലെങ്കിൽ ടോഗിൾ ചെയ്യാം എന്നതുൾപ്പെടെ കാര്യക്ഷമമായ ഉപയോഗത്തിനുള്ള നുറുങ്ങുകൾ ഒരു സ്ലീക്ക് ബാനർ നൽകുന്നു.
- ഇഷ്ടാനുസൃതമാക്കൽ: ഓപ്ഷനുകൾ പേജിൽ നിങ്ങൾക്ക് ആവശ്യമായ ഡീബഗ് വിവരങ്ങൾ നിങ്ങൾക്ക് തീരുമാനിക്കാം.
- ഉൽപ്പാദനക്ഷമത വർദ്ധിപ്പിക്കുക: അവബോധജന്യമായ ദൃശ്യ സഹായങ്ങൾ ഉപയോഗിച്ച് സങ്കീർണ്ണമായ ലേഔട്ടുകൾ ഡീബഗ്ഗ് ചെയ്യുന്ന സമയം ലാഭിക്കുക.
- സ്റ്റാർട്ടപ്പിൽ താഴെയുള്ള ബാനർ കാണിക്കുന്നതും മറയ്ക്കുന്നതും ഡിഫോൾട്ടായി നിയന്ത്രിക്കാൻ കഴിയുന്ന തരത്തിൽ ഒരു ഓപ്ഷൻ പേജ് ചേർത്തു
💼 Chrome-നായി കീടനാശിനി തിരഞ്ഞെടുക്കുന്നത് എന്തുകൊണ്ട്?
- വേഗതയ്ക്കും ലാളിത്യത്തിനും ഒപ്റ്റിമൈസ് ചെയ്‌തു.
- ഇനി ഊഹിക്കേണ്ടതില്ല! നിങ്ങളുടെ ഘടകങ്ങൾ എങ്ങനെയാണ് അടുക്കിയിരിക്കുന്നതെന്ന് കൃത്യമായി കാണുക.
- ഡെവലപ്പർമാർക്കും ഡിസൈനർമാർക്കും പിക്‌സൽ-പെർഫെക്റ്റ് വെബ് പേജുകൾ നിർമ്മിക്കുന്നതിൽ താൽപ്പര്യമുള്ള ആർക്കും അനുയോജ്യം.
- ഡീബഗ്ഗിംഗ് കാര്യക്ഷമത മെച്ചപ്പെടുത്തുക: പേജിലെ ഓരോ ഘടകത്തിന്റെയും രൂപരേഖ തയ്യാറാക്കി ലേഔട്ട് പ്രശ്നങ്ങൾ വേഗത്തിൽ കണ്ടെത്തുക.
- DOM ദൃശ്യവൽക്കരിക്കുക: പേജ് രൂപപ്പെടുത്തുന്നതിന് നിങ്ങളുടെ HTML ഉം CSS ഉം എങ്ങനെ ഒരുമിച്ച് പ്രവർത്തിക്കുന്നുവെന്ന് മനസ്സിലാക്കുക.
- ഉപയോഗിക്കാൻ എളുപ്പമാണ്: തത്സമയം കീടനാശിനി സ്റ്റൈലിംഗ് കുത്തിവയ്ക്കാനോ നീക്കം ചെയ്യാനോ വിപുലീകരണം ഓണാക്കുകയോ ഓഫാക്കുകയോ ചെയ്യുക.
- പഠനത്തിന് അനുയോജ്യം: തുടക്കക്കാർക്ക് അവരുടെ CSS-ന്റെ ഇഫക്റ്റുകൾ ദൃശ്യപരമായി കാണുന്നതിലൂടെ എലമെന്റ് ലേഔട്ടുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് നന്നായി മനസ്സിലാക്കാൻ കഴിയും.
🚀 ഇന്ന് തന്നെ കീടനാശിനി ഇൻസ്റ്റാൾ ചെയ്യുക!
നിങ്ങളുടെ വർക്ക്ഫ്ലോ ലളിതമാക്കുകയും നിങ്ങളുടെ വെബ് ഡിസൈനുകളുടെ നിയന്ത്രണം ഏറ്റെടുക്കുകയും ചെയ്യുക. Chrome-നുള്ള കീടനാശിനി ഇപ്പോൾ ഡൗൺലോഡ് ചെയ്‌ത് CSS ഡീബഗ്ഗിംഗ് ഒരു മികച്ച അനുഭവമാക്കുക! വൃത്തിയുള്ളതും നന്നായി ഘടനാപരവുമായ വെബ്‌സൈറ്റുകൾ നിർമ്മിക്കുന്നതിൽ നിങ്ങൾ ഗൗരവമുള്ള ആളാണെങ്കിൽ, നിങ്ങളുടെ ടൂൾകിറ്റിൽ തീർച്ചയായും ഉണ്ടായിരിക്കേണ്ട ഒന്നാണ് ക്രോമിനുള്ള കീടനാശിനി!
Latest reviews
- (2025-07-12) Sojib Mir: gd extension
- (2025-07-02) TEDD: best
- (2025-06-26) marketing consultero: Awesome
- (2025-06-26) Aaron Xu: Ths for the amazing plugin However, can it support adjust width/height? It seems too big in some display
- (2025-06-08) Stephen Skarstedt: Fantastic Tool!!! Works extremely well!!! Thank you!
- (2025-06-03) dyllan van wyk: Awesome tool, thank you so much
- (2025-05-28) kareem sarhan: best
- (2025-05-17) Animesh Maity: Good, gets the job done. Could give a solid 5 star if the size of the banner could be adjusted. Thank you.
- (2025-05-05) Manuel Jovedo Canog: Very good. I hope I can adjust the size of the banner, though.
- (2025-04-27) Assem Hamza: it fix the proplems
- (2025-04-14) Pascalau Nicu: very helpful
- (2025-03-18) Fred Fraser: Love it!
- (2025-03-17) Tamer Ghaly: I liked it
- (2025-03-10) Colin Muriithi: Extremely practical, useful and crucial for design / frontend debugging...thanks for this!
- (2025-03-10) med yasser: perfect actually helping new programmers to debug and know what are the problem with css code
- (2025-03-06) Imanariyo Baptiste: very helpfully tool
- (2025-03-05) luis paredes: Best tool for web developers.
- (2025-03-05) Victor Akhihiero: The pesticide extension i was using before got outdated. really glad i could find a suitable replacement
- (2025-03-04) John Lloyd Basco: It's been my go-to tool for frontend development in all my projects! Thank you!
- (2025-03-03) Sujal: this is much much helpful. thanks a lot devs
- (2025-03-02) Jegede Joseph: I love it
- (2025-02-25) David Henson: Was using a similar extension that kept breaking. This one is so much better. Love the details at the bottom! Really useful.
- (2025-02-21) Dayaash G: Great Assistant during development.
- (2025-02-02) fandan: thanks for making this,
- (2025-01-17) Henrique Candiotto: I enjoyed it. Really useful!
- (2025-01-14) Alyssa Michelle: As a front end developer, I use this constantly. However, the enormous section on the bottom of the screen really kills the vibe. I want to SEE my UI. The CSS change on hover can be nice, but also very distracting. Can we please get the option to turn these features off?
- (2025-01-14) Gustavo Starace: Great extension for developers!
- (2025-01-13) SH Park: gg
- (2024-12-29) Luqman Ola: Great
- (2024-12-10) steam punck: Great tool for front end developers learning how CSS works!