የድር ገጽ አባሎችን እንዴት እንደሚመረምር

ማንኛውም የድር ገጽ ኤችቲኤምኤል እና ሲኤስ ይዩ

ድር ጣቢያው በመስመሮች መስመሮች የተሰራ ነው, ነገር ግን ውጤቱ በምስል, በቪድዮ, በቅርጸ ቁምፊዎች እና ተጨማሪ ገጾች የተወሰኑ ገጾች ነው. ከነዚህ ክፍሎች ውስጥ አንዱን ለመለወጥ ወይም ምን ዓይነት ነገሮችን እንደሚይዝ ለመለየት, የሚቆጣጠረውን የተወሰነ መስመር ኮድ ማግኘት አለብዎት. ይህንን በአካቴነት ምርመራ መሳሪያ መጠቀም ይችላሉ.

አብዛኛዎቹ የድር አሳሾች የምርመራ መሳሪያውን እንዲያወርዱ አይፈቅድልዎም ወይም ተጨማሪን አይጭኑዋቸው. ይልቁንስ, ገጹን ጠቅ ያድርጉና ኤለመንት ይመርምሩ ወይም ኤለመንትን ይምረጡ. ሆኖም, ሂደቱ በአሳሽዎ ውስጥ ትንሽ የተለየ ሊሆን ይችላል.

በ Chrome ውስጥ ኤለመንቶችን ይመርምሩ

በጣም በቅርብ ጊዜ የ Google Chrome ስሪቶች በጥቂት መንገዶች ገጹን እንዲፈትሹ ያስችልዎታል, ሁሉም አብሮ የተሰራው በ Chrome DevTools ነው የሚጠቀሙት.

• በገጹ ላይ (ወይም ባዶ ቦታ) ላይ አንድ ነገር በቀኝ ጠቅ ያድርጉና Inspect የሚለውን ይምረጡ
• Ctrl + Shift + I የቁልፍ ሰሌዳ አቋራጭ አስገባ
• ተጨማሪ መሣሪያዎች> የገንቢ መሳሪያ አማራጮን ለመድረስ የ Chrome ምናሌን ይጠቀሙ

የ Chrome DevTools እንደ ኤች ቲ ኤም ኤል መስመሮች በቀላሉ መቅዳት ወይም አርትዕ ማድረግ ወይም ሁሉንም አባሎችን መደበቅ ወይም መሰረዝ የመሳሰሉ ነገሮችን እንዲያከናውኑ ያስችልዎታል (ገጽ እስኪነቃ ድረስ).

አንዴ DevTools በገጹ ጎን ከተከፈተ, ከገጹ ላይ ብቅ እንዲል ማድረግ, ሁሉንም የገጹ ፋይሎች ፈልግ, ለተወሰነ ምርመራዎች, ፋይሎችን እና ዩአርኤሎችን ቅዳና ብዛትን ማስተካከል ትችላለህ. የቅንብሮች.

በፋየርፎክስ ውስጥ ያሉትን ኤለመንቶችን ይመርምሩ

እንደ Chrome ሁሉ ኢንፌክሽን (ኢንቴርስሪ) የተሰኘ መሣሪያውን ለመክፈት ጥቂት መንገዶች አሉት.

• በገጹ ላይ ባለ ባዶ ቦታ ላይ በቀኝ-ጠቅ ያድርጉ ወይም ኤለመንት በመምረጥ ኤለመንት ኤለመንት የሚለውን ይምረጡ
• በቁልፍ ሰሌዳ Ctrl + Shift + T ወይም Ctrl + Shift + I ን ያስገቡ
• ከፋየርፎክስ ማውጫ > ገንቢ > Inspector የሚለውን ጠቅ ያድርጉ
• ከመሣሪያዎች ምናሌው ውስጥ, Web Developer> Inspector ን ጠቅ ያድርጉ

መዳፊትዎን በፋየርፎክስ ላይ በተለያየ አካል ላይ ሲያንቀሳቅሱ, የኢንሸራተሩ መሣሪያ የእጅኑን የምንጭ መረጃ መረጃ በራስ-ሰር ያገኛል. አንድ ኤለመንት ላይ ጠቅ ያድርጉ እና "በሂደት ላይ ያለው ፍለጋ" ይቁም እና አባልነቱን ከ Inspector መስኮት ውስጥ መመርመር ይችላሉ.

ሁሉንም የሚደገፉ መቆጣጠሪያዎችን ለማግኘት አንድ ኤለመንት በቀኝ ጠቅ ያድርጉ. ገጾቹን እንደ ኤች ቲ ኤም ኤል አርትዕ, የዩአይኤልን ኤችዲቲክ ወይም ውጫዊ ኤች.ኤል. ኮድ ቅዳ ወይም የለጠፍ, የ DOM ባህሪያትን, ቅጽበታዊ ገጽ እይታ ወይም ሰርዝን ይሰርዙ, አዳዲስ ባህሪያትን በቀላሉ ይተግብሩ, ሁሉንም የገጽ CSS እና ሌሎችም ይመልከቱ.

በኦፔራ ውስጥ የተወሰኑ ምሁራንን ይመርምሩ

ኦፔራ ክፍሎችን መቆጣጠር ይችላል, ከ Chrome ጋር ተመሳሳይ የሆነ የ DOM ማጣሪያ መሳሪያ. እንዴት እንደሚደርሱበት እነሆ:

• የቁልፍ ሰሌዳ አቋራጭ Ctrl + Shift + I ይጠቀሙ
• ወደ ምናሌ ይሂዱ> ተጨማሪ መሣሪያዎች> የገንቢ ምናሌን ያሳዩ ከዚያም ምናሌን> ገንቢ> የገንቢ መሳሪያዎችን በኩል ምናሌውን ይክፈቱ
• በገጹ ላይ ባለ ማንኛውም አባል ላይ ከቀኝ-ጠቅ ምናሌ ሆነው ኤለሱን ይመርምሩ

በኢንተርኔት ኤክስፕሎረር ውስጥ ኤለመንቶችን ይመርምሩ

ተመሳሳይ የመመርመሪያ መሳሪያ, የገንቢ መሣሪያዎች ተብለው ይጠራሉ, በኢንተርኔት ኤክስፕሎረር ውስጥ ይገኛል.

• በቁልፍ ሰሌዳው ላይ F12 ን ይጫኑ
• የ Tools> F12 ገንቢ ምናሌን ይጠቀሙ ( የመውጫዎች ምናሌውን ካላዩ Alt + X የሚለውን ይምቱ)
• በገጹ ላይ በቀኝ-ጠቅ ያድርጉ እና ኤለመንት ኤለመንት የሚለውን ጠቅ ያድርጉ

IE በዚህ አዲስ ምናሌ የ ኤችቲኤምኤል እና የሲሲኤስ ዝርዝሮችን ለማየት በማንኛውም የገጽ አባል ላይ ጠቅ እንዲያደርግ የሚያስችል ነው. በ DOM Explorer ትር ውስጥ እያሰሱ ሳሉ በቀላሉ ኤለሜንትን ማድመቅን / ማንቃት ይችላሉ.

ልክ ከላይ እንዳሉት ሌሎች አሳሾች መሳሪያዎች ውስጥ, ኢንተርኔት ኤክስፕሎረንስ ክፍሎችን ለመቁረጥ, ለመቅዳት, እና ለመለየት እና ኤችቲኤምኤል አርትዕ, ባህሪያትን አክል, አባላትን ቅጦችን እና ሌሎች ነገሮችን መገልበጥ ያስችልዎታል.