Description from extension meta
Chrome ஆய்வு கூறு குறுக்குவழியைக் கொண்ட CSS வியூவரான Inspect element -ஐப் பயன்படுத்தவும். இந்த எளிய கருவியைப் பயன்படுத்தி எளிதாக…
Image from store
Description from store
இன்ஸ்பெக்ட் எலிமென்ட் - சக்திவாய்ந்த ஆனால் சுத்தமான CSS வியூவர்
வலைத்தளங்கள் எவ்வாறு உருவாக்கப்படுகின்றன என்பதைப் பற்றி ஆர்வமாக உள்ளீர்களா? பக்க தளவமைப்புகள், விதிகள் மற்றும் உராய்வு இல்லாமல் பதிலளிக்கக்கூடிய வடிவமைப்பு தர்க்கத்தை ஆராய விரும்புகிறீர்களா? Inspect Element என்பது உங்கள் பதில். நீங்கள் ஒரு டெவலப்பர், வடிவமைப்பாளர், சோதனையாளர் அல்லது மாணவராக இருந்தாலும் சரி - இந்த கருவி உங்களுக்காக உருவாக்கப்பட்டது.
இடைமுகம் சுத்தமாக உள்ளது. அமைப்பு எளிமையானது. குறுக்குவழிகள் தயாராக உள்ளன. தனியுரிமையா? உங்களுக்கு கணக்கு தேவையில்லை அல்லது எந்த தடயத்தையும் விட்டுவிடாது. இது டார்க் பயன்முறையிலும் வேலை செய்கிறது. நீங்கள் macOS, Windows அல்லது Linux இல் இருந்தாலும், எல்லா சாதனங்களிலும் எங்கள் Chrome ஆய்வு உறுப்பு நீட்டிப்பை அனுபவிக்கவும்.
சிறந்த சிறப்பம்சங்கள்
✨ காட்சி அமைப்பை எளிதாக அணுகலாம்
✨ குறைந்தபட்ச இடைமுகம் - வீங்கிய கருவிகள் இல்லை
✨ இன்ஸ்பெக்ட் எலிமென்ட்டில் டார்க் மோட் உள்ளது
✨ ஆய்வு குறுக்குவழி ஆதரவுடன் விசைப்பலகைக்கு ஏற்றது
✨ பாதுகாப்பான, பெயர் குறிப்பிடப்படாத பயன்பாடு - தரவு சேகரிப்பு இல்லை
விண்டோஸ் & லினக்ஸ் விசைப்பலகை குறுக்குவழிகள்
🔎 திற: Alt + E
🔎 நீட்டிப்பை மூடு: Esc
🔎 குறியீட்டை நகலெடுக்கவும்: C
MacOS விசைப்பலகை குறுக்குவழிகள்
🍏 ஆய்வு உறுப்பைத் திறக்கவும்: Cmd + E
🍏 நீட்டிப்பை மூடு: Esc
🍏 குறியீட்டை நகலெடுக்கவும்: C
இது யாருக்கானது?
▸ டெவலப்பர்கள் - CSS ஐ ஸ்கேன் செய்தல், பாணிகளை பிழைத்திருத்துதல், கட்டமைப்புகளை சோதித்தல், தளவமைப்பு நடத்தையை சரிபார்த்தல் மற்றும் சரிபார்த்தல்
▸ வடிவமைப்பாளர்கள் - உறுப்பை பார்வைக்கு ஆய்வு செய்தல், தளவமைப்பு துல்லியத்தை சரிபார்த்தல் மற்றும் வடிவமைப்புகளை துல்லியமாக பொருத்துதல்
▸ QA பொறியாளர்கள் - வலைப்பக்க கூறுகளை ஆராய்ந்து, சிக்கல்களைக் கண்காணித்து, பதிலளிக்கும் தன்மையைச் சரிபார்க்கவும்.
▸ மாணவர்கள் - நிஜ உலக பிழைத்திருத்த திறன்களைப் பெறும்போது உறுப்பை எவ்வாறு எளிதாக ஆய்வு செய்வது என்பதைக் கற்றுக்கொள்ளுங்கள்.
▸ ஆர்வமுள்ள எவரும் - காட்சி மாயாஜாலத்திற்குப் பின்னால் என்ன இருக்கிறது என்பதை ஆராய்ந்து வலைத்தளங்கள் எவ்வாறு உருவாக்கப்படுகின்றன என்பதை அறிக.
அனைத்து திறன் நிலைகளுக்கும் ஏற்றது
நீங்கள் புதிதாகத் தொடங்கினாலும் சரி அல்லது வலைத் திட்டங்களில் ஆழமாக இருந்தாலும் சரி, இந்தக் கருவி மதிப்பை வழங்குகிறது. விரைவான வடிவமைப்பு சரிபார்ப்புகள், பக்கங்கள் எவ்வாறு கட்டமைக்கப்பட்டுள்ளன என்பதைக் கற்றுக்கொள்வது அல்லது தளவமைப்பு முரண்பாடுகளை பிழைத்திருத்தம் செய்வதற்கும் இது சமமாக பயனுள்ளதாக இருக்கும்.
இன்ஸ்பெக்ட் எலிமென்ட் மூலம் நீங்கள் என்ன ஸ்கேன் செய்யலாம்
• எழுத்துருக்கள், அளவுகள், வண்ணங்கள்
• நிழல்கள் மற்றும் எல்லைகள்
• நிலைப்படுத்தல் மற்றும் இடைவெளி
• பதிலளிக்கக்கூடிய பிரேக்பாயிண்ட்கள்
• மறைக்கப்பட்ட அடுக்குகளுடன் முழு பக்க அமைப்பு
எது அதை வேறுபடுத்துகிறது
1️⃣ அச்சுக்கலை, வண்ணங்கள் மற்றும் திணிப்பை மதிப்பாய்வு செய்ய உருவாக்கப்பட்டது.
2️⃣ நேரடி பாணிகளைக் காட்டும் முழு CSS சரிபார்ப்பு
3️⃣ Mac மற்றும் Win-க்கான ஒருங்கிணைந்த குறுக்குவழிகள்
4️⃣ கன்சோல் இல்லாமல் உறுப்பை ஆய்வு செய்யவும்
5️⃣ பின்னணியில் அமைதியாக இயங்கும்
இயல்புநிலை இன்ஸ்பெக்ட் குரோமை விட இது எது சிறந்தது?
🚀 கவனச்சிதறல்கள் இல்லை - CSS ஸ்கேன் செயல்பாடு மட்டுமே, எந்த குழப்பமும் சேர்க்கப்படவில்லை.
🚀 ஒளி மற்றும் இருண்ட முறைகளில் படிக்கக்கூடிய வகையில் முன் பாணியில், எப்போதும் நேர்த்தியாக இருக்கும்
🚀 விரைவான அணுகலுக்கான குறுக்குவழிகளுடன் விரைவான ஆய்வு
🚀 நிகழ்நேர துல்லியத்துடன் உடனடி CSS சரிபார்ப்பு கருத்து
பயன்பாட்டு வழக்குகள்
💡தள பாணிகளை விரைவாக ஆராய்ந்து ஒப்பிட்டுப் பார்க்க css ஸ்கேன் இயக்குதல்
💡உறுப்பை எவ்வாறு ஆய்வு செய்வது மற்றும் திணிப்பு சிக்கல்களை எவ்வாறு சரிசெய்வது என்பதைக் கண்டறிதல்
💡துல்லியமான வடிவமைப்பு மற்றும் தளவமைப்பு சரிபார்ப்புகளுக்கு மேக்கில் உறுப்பை எவ்வாறு ஆய்வு செய்வது என்பதைக் கற்றுக்கொள்வது
💡வேகமான அணுகல் மற்றும் மென்மையான பணிப்பாய்வுகளுக்கு Chrome ஐ ஆய்வு செய்தல் குறுக்குவழியை ஆராய்தல்
ஸ்மார்ட் லேஅவுட் நுண்ணறிவுகள்
➤ ஹோவரில் உள்ள கூறுகளை ஆய்வு செய்யவும்
➤ விளிம்பு, திணிப்பு மற்றும் எல்லைகளைக் காண்க
➤ ஒரு கூறுகளை ஆராய குறுக்குவழியைப் பயன்படுத்தவும்
➤ கவனச்சிதறல்கள் அல்லது உள்நுழைவு அறிவுறுத்தல்கள் இல்லாமல் வேலை செய்யுங்கள்
➤ தள நடத்தையை நிகழ்நேரத்தில் புரிந்து கொள்ளுங்கள்
கவனம் செலுத்திய ஆய்வுக்காக உருவாக்கப்பட்டது
இந்த நீட்டிப்பு எந்தவொரு வலைத்தளத்தின் வடிவமைப்பு அமைப்பையும் ஆராயும் செயல்முறையை எளிதாக்குகிறது. சுத்தமான UI, குறுக்குவழி ஆதரவு மற்றும் உள்நுழைவு தொந்தரவு இல்லாமல், இது தளவமைப்பு, இடைவெளி மற்றும் ஸ்டைலிங் விவரங்களுக்கு விரைவான அணுகலை உங்களுக்கு வழங்குகிறது.
இந்த CSS வியூவரின் கூடுதல் நன்மைகள்
📌 எங்கள் CSS இன்ஸ்பெக்டர் கருவி மூலம் ஒவ்வொரு தளவமைப்பு விவரத்தையும் எளிதாகக் காணலாம்.
📌 நேரத்தையும் கிளிக்குகளையும் சேமிக்க ஆய்வு உறுப்பு குறுக்குவழியைப் பயன்படுத்தவும்.
📌 குரோம் மாற்று கருவியில் தடையின்றி ஆய்வு உறுப்பாக செயல்படுகிறது
📌 நீட்டிப்பைத் திறக்கும்போது அல்லது மூடும்போது பக்கம் புதுப்பிக்கப்படாது.
📌 எந்த வலைப்பக்கத்திலும் எங்கிருந்தும் குறுக்குவழி ஆய்வைப் பயன்படுத்தித் தொடங்கவும்
பிற அருமையான அம்சங்கள்
🧪 டைனமிக் உள்ளடக்கத்திற்கான தொடர்புகளை ஆதரிக்கிறது
🧪 அணுகல் மற்றும் செயல்திறன் மதிப்புரைகளுக்குப் பயன்படுத்தலாம்
🧪 ஆரம்பநிலையாளர்களுக்கு எளிய குறியீடு கற்றலை செயல்படுத்துகிறது
🧪 வடிவமைப்பால் பெயர் தெரியாதது - தனிப்பட்ட தகவல்களைக் கண்காணிக்க முடியாது.
❓ அடிக்கடி கேட்கப்படும் கேள்விகள் - அடிக்கடி கேட்கப்படும் கேள்விகள்
கே: மேக்கில் உறுப்பை எவ்வாறு ஆய்வு செய்வது?
A: நீட்டிப்பு ஐகானைக் கிளிக் செய்யவும் அல்லது குறுக்குவழியைப் பயன்படுத்தவும். Mac க்கு: Cmd + E. விண்டோஸுக்கு: Alt + E.
கே: உள்ளமைக்கப்பட்ட Chrome இன்ஸ்பெக்டரிலிருந்து இது எவ்வாறு வேறுபடுகிறது?
ப: எங்களுடையது விரைவாகத் தொடங்கக்கூடியது, படிக்க எளிதானதாக உள்ளது, மேலும் கவனச்சிதறல்கள் இல்லாதது. விரைவான CSS ஸ்கேன் தேவைகளுக்கு சிறந்தது.
கே: நீங்கள் எனது தரவைச் சேகரிக்கிறீர்களா?
ப: இல்லை. இந்த நீட்டிப்பு உங்கள் தனியுரிமையை மதிக்க வடிவமைக்கப்பட்டுள்ளது. நாங்கள் தனிப்பட்ட தகவல்களைப் பயன்படுத்தவோ, சேமிக்கவோ அல்லது பகிரவோ மாட்டோம்.
கே: இந்த நீட்டிப்பை நான் ஆஃப்லைனில் பயன்படுத்தலாமா?
ப: இல்லை. இது செயலில் உள்ள இணைய இணைப்புடன் மட்டுமே செயல்படும்.
கேள்வி: இது ஒரு CSS சரிபார்ப்பானாகவும் CSS பீப்பராகவும் வேலை செய்கிறதா?
A: செயலில், கணக்கிடப்பட்ட மற்றும் மரபுரிமை பெற்ற பாணிகளில் நிகழ்நேர நுண்ணறிவுகளைப் பெறுவதற்கு இது ஒத்த செயல்பாட்டைக் கொண்டுள்ளது.
கே: இது ஒரு முழுமையான ஆய்வு உறுப்பு குரோம் மாற்றீடா?
A: இது வேகமான, அன்றாட பயன்பாட்டிற்காக உருவாக்கப்பட்ட எளிமையான, இலகுவான பதிப்பாகும். இதை உங்கள் நட்பு CSS பார்வையாளர் துணையாக நினைத்துப் பாருங்கள்.
இந்த நவீன, தனிப்பட்ட மற்றும் வேகமான நீட்டிப்பை இப்போதே முயற்சிக்கவும். CSS ஐ எவ்வாறு சரிபார்ப்பது என்று நீங்கள் யோசித்தாலும், தளவமைப்பு மாற்றங்களை பிழைத்திருத்தம் செய்ய விரும்பினாலும், அல்லது வேகமான CSS பார்வையாளர் நீட்டிப்பை விரும்பினாலும், இந்த இலகுரக கருவியை நீங்கள் விரும்புவீர்கள்.
✨ உற்பத்தித்திறனுக்காக உருவாக்கப்பட்டது. தெளிவுக்காக வடிவமைக்கப்பட்டது. ஆர்வமுள்ளவர்களுக்காக உருவாக்கப்பட்டது.
Latest reviews
- (2025-08-07) Joan Li: This fits everything I need, as a QA, it inspects all the element I need, with keyboard shortcut available (which is super annoying with css peeper for example). no need to log in either.
- (2025-06-24) Виктор Дмитриевич: Good extension, very convenient to work with
- (2025-06-23) Sitonlinecomputercen: I would say that,Inspect Element Extension is very important in this world.So i use it.Thank