Description from extension meta
ኢንስፔክተርን ተጠቀም – የCSS መመልከቻ ከChrome ፍተሻ አባል አቋራጭ ጋር። ይህን ቀላል መሳሪያ በመጠቀም ኤለመንቱን በቀላሉ እንዴት እንደሚፈትሹ ይወቁ!
Image from store
Description from store
ንጥረ ነገርን መርምር - ኃይለኛ ሆኖም ንጹህ የሲኤስኤስ መመልከቻ
ድረ-ገጾች እንዴት እንደሚገነቡ ለማወቅ ይፈልጋሉ? የገጽ አቀማመጦችን፣ ደንቦችን እና ምላሽ ሰጪ የንድፍ ሎጂክን ከዜሮ ግጭት ጋር ማሰስ ይፈልጋሉ? ኢለመንትን መርምር የእርስዎ መልስ ነው። ገንቢ፣ ዲዛይነር፣ ሞካሪ ወይም ተማሪ - ይህ መሳሪያ የተሰራው ለእርስዎ ነው።
በይነገጹ ንጹህ ነው። ማዋቀሩ ቀላል ነው። አቋራጮች ዝግጁ ናቸው። ግላዊነት? መለያ አያስፈልግዎትም ወይም ዱካ አይተዉም። ብቻ ነው የሚሰራው - በጨለማ ሁነታም እንዲሁ። በእኛ የChrome ፍተሻ ኤለመንት ቅጥያ በመሣሪያዎች ሁሉ ይደሰቱ – በማክሮስ፣ ዊንዶውስ ወይም ሊኑክስ ላይ ይሁኑ።
ከፍተኛ ድምቀቶች
✨ ለእይታ መዋቅር ቀላል መዳረሻ
✨ አነስተኛ በይነገጽ - ምንም የታጠቁ መሳሪያዎች የሉም
✨ ኢንስፔክተሩ ጨለማ ሁነታ አለው።
✨ ለቁልፍ ሰሌዳ ተስማሚ ከአቋራጭ ድጋፍ ጋር
✨ ደህንነቱ የተጠበቀ፣ ስም-አልባ አጠቃቀም - ምንም መረጃ መሰብሰብ የለም።
የዊንዶውስ እና ሊኑክስ ቁልፍ ሰሌዳ አቋራጮች
🔎 ክፈት: Alt + E
🔎 ቅጥያውን ዝጋ፡ Esc
🔎 ኮዱን ይቅዱ፡ ሲ
የ MacOS ቁልፍ ሰሌዳ አቋራጮች
🍏 የፍተሻ አካልን ክፈት: cmd + E
🍏 ቅጥያውን ዝጋ፡ Esc
🍏 ኮዱን ይቅዱ፡ ሲ
ለማን ነው?
▸ ገንቢዎች - CSS ን ይቃኙ፣ ቅጦችን ያርሙ፣ አወቃቀሮችን ይፈትሹ፣ የአቀማመጥ ባህሪን ያረጋግጡ እና ያስተካክሉ
▸ ዲዛይነሮች - ኤለመንቱን በእይታ ይፈትሹ፣ የአቀማመጥን ትክክለኛነት ያረጋግጡ እና ንድፎችን በትክክል ያዛምዳሉ
▸ QA መሐንዲሶች - የድረ-ገጽ ክፍሎችን ያስሱ፣ ጉዳዮችን ይከታተሉ እና ምላሽ ሰጪነትን ያረጋግጡ
▸ ተማሪዎች - በገሃዱ ዓለም የማረም ችሎታ እያገኙ ኤለመንቱን እንዴት በቀላሉ እንደሚፈትሹ ይማሩ
▸ የማወቅ ጉጉት ያለው ማንኛውም ሰው - ከእይታ አስማት በስተጀርባ ያለውን ያስሱ እና ድር ጣቢያዎች እንዴት እንደሚገነቡ ይወቁ
ለሁሉም የክህሎት ደረጃዎች ተስማሚ
ገና እየጀመርክም ሆነ ወደ ድረ-ገጽ ፕሮጄክቶች ስትገባ መሳሪያው ዋጋ አለው። ለፈጣን የንድፍ ፍተሻዎች፣ ገፆች እንዴት እንደሚዋቀሩ ለመማር ወይም የአቀማመጥ አለመጣጣሞችን ለማረም እኩል ጠቃሚ ነው።
በመመርመር አካል ምን መቃኘት ይችላሉ።
• ቅርጸ ቁምፊዎች፣ መጠኖች፣ ቀለሞች
• ጥላዎች እና ድንበሮች
• አቀማመጥ እና ክፍተት
• ምላሽ ሰጪ ክፍተቶች
• ሙሉ ገጽ መዋቅር ከተደበቁ ንብርብሮች ጋር
የሚለየው ምንድን ነው?
1️⃣ የፊደል አጻጻፍ፣ ቀለም እና ንጣፍ ለመገምገም የተሰራ
2️⃣ የቀጥታ ቅጦችን የሚያሳይ ሙሉ css አራሚ
3️⃣ ለ Mac እና Win የተዋሃዱ አቋራጮች
4️⃣ ኤለመንቱን ያለ ኮንሶል ይፈትሹ
5️⃣ ከበስተጀርባ በጸጥታ ይሮጣል
ከነባሪው Chrome ፍተሻ ምን የተሻለ ያደርገዋል?
🚀 ምንም ትኩረት የሚከፋፍሉ ነገሮች የሉም - የ CSS ቅኝት ተግባር ብቻ ነው፣ ምንም የተዝረከረከ ነገር አይካተትም።
🚀 በሁለቱም በብርሃን እና በጨለማ ሁነታዎች ለንባብ ዝግጁ የሆነ ፣ ሁል ጊዜ የሚያምር
🚀 ለፈጣን መዳረሻ በአቋራጮች ፈጣን አሰሳ
🚀 የፈጣን css አረጋጋጭ ግብረመልስ ከእውነተኛ ጊዜ ትክክለኛነት ጋር
ጉዳዮችን ተጠቀም
💡የጣቢያ ስልቶችን በፍጥነት ለማሰስ እና ለማነፃፀር css ስካን በማካሄድ ላይ
💡እንዴት ኤለመንትን መፈተሽ እና የመጠቅለያ ችግሮችን መላ መፈለግ እንደሚቻል ማወቅ
💡ለትክክለኛ ዲዛይን እና አቀማመጥ ፍተሻዎች በማክ ላይ ያለውን አካል እንዴት መፈተሽ እንደሚቻል መማር
💡ለፈጣን መዳረሻ እና ለስላሳ የስራ ፍሰቶች አቋራጭ Chromeን በመፈተሽ ላይ
ስማርት አቀማመጥ ግንዛቤዎች
➤ በማንዣበብ ላይ ያሉትን ንጥረ ነገሮች ይፈትሹ
➤ ህዳግ፣ ንጣፍ እና ድንበሮችን ይመልከቱ
➤ አንድን አካል ለማሰስ አቋራጭ ይጠቀሙ
➤ ያለ ማዘናጋት ወይም የመግቢያ ጥያቄዎች ስራ
➤ የጣቢያ ባህሪን በቅጽበት ይረዱ
ለትኩረት ፍለጋ የተሰራ
ይህ ቅጥያ የማንኛውንም ድር ጣቢያ ዲዛይን መዋቅር የማሰስ ሂደትን ያቃልላል። በንፁህ UI፣ የአቋራጭ ድጋፍ እና የመግቢያ ውዥንብር ከሌለ የአቀማመጥ፣ ክፍተት እና የቅጥ ዝርዝሮች ፈጣን መዳረሻ ይሰጥዎታል።
የዚህ ሲኤስኤስ መመልከቻ ተጨማሪ ጥቅሞች
📌 እያንዳንዱን የአቀማመጥ ዝርዝር በ css ተቆጣጣሪ መሳሪያችን በቀላሉ ያገኛሉ
📌 ጊዜ እና ጠቅታዎችን ለመቆጠብ የፍተሻ ኤለመንት አቋራጭ ይጠቀሙ
📌 በChrome መተኪያ መሳሪያ ውስጥ እንደ መመርመሪያ አካል ያለችግር ይሰራል
📌 ቅጥያውን ሲከፍቱ ወይም ሲዘጉ ገጹ አይታደስም።
📌 በማንኛውም ድረ-ገጽ ላይ ከየትኛውም ቦታ ሆነው አቋራጭ ፍተሻን በመጠቀም ይጀምሩ
ሌሎች አሪፍ ባህሪዎች
🧪 ለተለዋዋጭ ይዘት መስተጋብርን ይደግፋል
🧪 ለተደራሽነት እና ለአፈጻጸም ግምገማዎች ጥቅም ላይ ሊውል ይችላል።
🧪 ለጀማሪዎች ቀላል የኮድ ትምህርትን ያስችላል
🧪 ስም የለሽ በንድፍ - የግል መረጃን መከታተል የለም።
❓ተደጋጋሚ ጥያቄዎች - ተዘውትረው የሚጠየቁ ጥያቄዎች
ጥ: ኤለመንቱን በ mac ላይ እንዴት እንደሚመረምር?
መ: የኤክስቴንሽን አዶውን ጠቅ ያድርጉ ወይም አቋራጭ ይጠቀሙ። ለ Mac፡ Cmd + E. ለዊንዶውስ፡ Alt + E
ጥ፡ ይህ አብሮ ከተሰራው የChrome መርማሪ የሚለየው እንዴት ነው?
መ: የእኛ ለመጀመር ፈጣን ነው፣ ለማንበብ ቀላል እና ትኩረትን የሚከፋፍሉ ነገሮች የተወገደ ነው። ለፈጣን የCSS ቅኝት ፍላጎቶች ምርጥ።
ጥ፡ የኔን መረጃ ትሰበሰባለህ?
መልስ፡ አይሆንም። ይህ ቅጥያ የተሰራው የእርስዎን ግላዊነት ለማክበር ነው። የግል መረጃን አንጠቀምም፣ አናከማችም ወይም አናጋራም።
ጥ፡ ይህን ቅጥያ ከመስመር ውጭ ልጠቀምበት እችላለሁ?
መ፡ አይ፡ የሚሰራው በነቃ የበይነመረብ ግንኙነት ብቻ ነው።
ጥ፡ እንደ ሲ ኤስ ኤስ አራሚ እና የሲኤስኤስ ፒፔፐር ይሰራል?
መ: በንቁ፣ የተቆጠሩ እና በውርስ ቅጦች ላይ የእውነተኛ ጊዜ ግንዛቤዎችን ለማግኘት ተመሳሳይ ተግባር አለው።
ጥ፡ ይህ የ chrome ሙሉ ፍተሻ አካል ነው?
መ: ለፈጣን እና ለዕለታዊ አጠቃቀም የተሰራ ቀላል፣ ቀላል ስሪት ነው። እንደ የእርስዎ ወዳጃዊ css ተመልካች ጓደኛ አድርገው ያስቡት።
ይህን ዘመናዊ፣ የግል እና ፈጣን ቅጥያ አሁን ይሞክሩት። CSSን እንዴት እንደሚፈትሹ፣ የአቀማመጥ ፈረቃዎችን ማረም ከፈለጉ ወይም በቀላሉ ፈጣን የሲኤስኤስ መመልከቻ ቅጥያ የሚፈልጉ ከሆነ፣ ይህን ቀላል ክብደት ያለው መሳሪያ ይወዳሉ።
✨ ለምርታማነት የተሰራ። ለግልጽነት የተነደፈ። ለጉጉት የተሰራ።