ምን ማወቅ
-
በSafari ውስጥ፡ በአንድ ድረ-ገጽ ላይ በቀኝ ጠቅ ያድርጉ እና አለመንትን መርምር ይምረጡ። ይምረጡ።
- በChrome ውስጥ በቀኝ ጠቅ ማድረግ እና መመርመርን ጠቅ ማድረግ ይችላሉ።
- በSafari ውስጥ ያለውን ባህሪ ለማንቃት፡ Safari > ምርጫዎች > የላቀ > ያረጋግጡ ሜኑ ይገንቡ በምናሌ አሞሌ ሳጥን።
ይህ መጣጥፍ በ Mac ላይ የድር ጣቢያን አካል እንዴት እንደሚፈትሹ ያስተምራችኋል። በSafari እና Google Chrome በኩል እንዴት ማድረግ እንደሚቻል ይመለከታል።
እንዴት የፍተሻ አካል ባህሪን በ Mac ላይ ይጠቀማሉ?
በማክ ላይ ሳፋሪን ሲጠቀሙ ኤለመንቶችን ከመፈተሽ በፊት በአሳሹ ውስጥ ያለውን የገንቢ ምናሌ ማንቃት አለብዎት። እሱን እንዴት ማብራት እንደሚቻል እና አንድን ንጥረ ነገር ለመመርመር ምን ማድረግ እንዳለብዎ እነሆ።
እድገትን በዕልባቶች እና በመስኮት መካከል ማየት ከቻሉ የገንቢ ምናሌው አስቀድሞ ነቅቷል እና ወደ ደረጃ 4 መዝለል ይችላሉ።
የፍተሻ ኤለመንት ባህሪን በSafari በመጠቀም
በማክ ኮምፒውተሮች ላይ ነባሪ አሳሽ በሆነው በSafari ውስጥ ኢንስፔክተሩን እንዴት እንደሚጠቀሙ እነሆ።
-
በSafari ውስጥ፣ Safari > ምርጫዎች።ን ጠቅ ያድርጉ።
Image -
ጠቅ ያድርጉ የላቀ።
Image -
ጠቅ ያድርጉ ምናሌን አሳይ በምናሌ አሞሌ ውስጥ ከዚያ መስኮቱን ዝጋ።
Image - ድር ጣቢያን በሚያስሱበት ጊዜ ሊፈትሹት የሚፈልጉትን ንጥል በቀኝ ጠቅ ያድርጉ።
-
ጠቅ ያድርጉ አለመንትን መርምር።
Image -
አሁን ከመረመሩት ድር ጣቢያ ጀርባ ያለውን ኮድ ማየት ይችላሉ።
Image
በChrome የፍተሻ ኤለመንት ባህሪን በ Mac ላይ መጠቀም
በእርስዎ Mac ላይ ከSafari ይልቅ Chromeን የሚጠቀሙ ከሆነ ባህሪውን ማንቃት ስለሌለ አንድን አካል ማየት በጣም ቀላል ነው። ምን ማድረግ እንዳለብዎ እነሆ።
- በChrome ውስጥ፣ ወደ አንድ ድር ጣቢያ ያስሱ።
- መፈተሽ የሚፈልጉትን አካል በቀኝ ጠቅ ያድርጉ።
-
ጠቅ ያድርጉ ይመርምሩ።
Image -
ኮዱን አሁን በChrome በጎን መስኮት ማየት ይችላሉ።
Image
ለምንድነው በእኔ ማክ ላይ መመርመር የማልችለው?
በSafari ውስጥ ያለውን የገንቢ ሜኑ ካላነቁ በእርስዎ Mac ላይ ያለ ኤለመንት መመርመር ላይችሉ ይችላሉ። እንዴት እንደሚያደርጉት ማሳሰቢያ ይኸውና።
-
በSafari ውስጥ፣ Safari > ምርጫዎች።ን ጠቅ ያድርጉ።
Image -
ጠቅ ያድርጉ የላቀ።
Image -
ጠቅ ያድርጉ ምናሌን አሳይ በምናሌ አሞሌ ውስጥ ከዚያ መስኮቱን ዝጋ።
Image
አሉን በመመርመር የድር ጣቢያ ለውጦችን እንዴት ማድረግ እንደሚቻል
ኮዱን በድር ጣቢያ ላይ እንዲመለከቱ ከመፍቀድ በተጨማሪ ማንኛውንም የድር ጣቢያ አካል በጊዜያዊነት በ Inspect Element መቀየር ይቻላል። በSafari በኩል እንዴት እንደሚደረግ እነሆ።
ሂደቱ በሌሎች አሳሾች ላይ በጣም ተመሳሳይ ነው።
- ድር ጣቢያን በሚያስሱበት ጊዜ ሊፈትሹት የሚፈልጉትን ንጥል በቀኝ ጠቅ ያድርጉ።
- ጠቅ ያድርጉ አለመንትን መርምር።
- በኮዱ ላይ ያለውን ጽሁፍ ማስተካከል የሚችል ለማድረግ ሁለቴ ጠቅ ያድርጉ።
- ይሰርዙት ወይም አዲስ የጽሑፍ ሕብረቁምፊ ያስገቡ።
- አስገባን መታ ያድርጉ።
- ኮዱ አሁን ለእርስዎ ጥቅም ሲባል ለጊዜው ተቀይሯል።
ለምን የፍተሻ አካል ባህሪን መጠቀም ይፈልጋሉ?
አንድን ንጥረ ነገር መመርመር መቻል ለብዙ ምክንያቶች አጋዥ ነው።
- በበረራ ላይ ኮድ ለመቀየር። የድር ጣቢያ ዲዛይነሮች ለውጦቹ ነገሮች እንዴት እንደሚነኩ ለማየት በጊዜያዊነት ነገሮችን በድር ጣቢያ ላይ መቀየር ይችላሉ።
- ኮዱን ለማረጋገጥ። እንደ ጎግል አናሌቲክስ ዝርዝሮች ያሉ ነገሮች እንዳሉ ለማረጋገጥ ሁለቱም ዲዛይነሮች እና የግብይት ሰዎች ኮዱን ማረጋገጥ ይችላሉ።
- ምስሎችን ከጣቢያ ነጥሎ ለማየት። አንድ ጣቢያ ምስልን በአዲስ ትር ወይም መስኮት እንዲከፍቱ የማይፈቅድልዎ ከሆነ ኤለመንቱን ማየት ያስችላል።
-
Tinker ። የድረ-ገጹን ኮድ ማየት የሚያዩትን እንዲረዱ ያግዝዎታል፣ ይህም እርስዎ ባሉበት ድረ-ገጽ ላይ ያለው ምን እና ለምን እንደሆነ ምስጢር ያስወግዳል። አንድን መሳሪያ እንዴት እንደሚሰራ ለማየት መለያየት ነው፣ ነገር ግን በዚህ አጋጣሚ የሚያጡት ዊንጮች የሉም።
FAQ
ድር ጣቢያን መመርመር ህጋዊ ነው?
አዎ። ነገር ግን፣ ከድር ጣቢያ የሚመጡትን ማንኛውንም ኮድ ወይም ንብረቶች ለመጠቀም ካቀዱ፣ ከባለቤቱ ጋር ያረጋግጡ እና የቅጂ መብት ማስታወሻ ያክሉ።
እንዴት ኤችቲኤምኤልን ከድር ጣቢያ የመመርመሪያ ኤለመንት መቅዳት እችላለሁ?
በChrome ውስጥ ገፁን በቀኝ ጠቅ ያድርጉ እና ይመርምሩ ይምረጡ እና ከዚያ ወደ ላይኛው ክፍል ይሂዱ እና መለያውን በቀኝ ጠቅ ያድርጉ (ለምሳሌ)። ቅዳ > ውጫዊ HTMLን ይምረጡ እና ከዚያ ኮዱን ወደ ጽሑፍ ወይም HTML ፋይል ይለጥፉ።
ሲኤስኤስን ከድር ጣቢያ የመመርመሪያ አካል መቅዳት እችላለሁን?
አዎ። ለመቅዳት የሚፈልጉትን ንጥረ ነገር በቀኝ ጠቅ ያድርጉ እና ይመርምሩ ይምረጡ። በደመቀው ኮድ ላይ በቀኝ ጠቅ ያድርጉ እና ቅዳ > ቅጂ ቅጦችን ይምረጡ። ይምረጡ።
የእኔን የተቀመጡ የይለፍ ቃሎቼን የመመርመሪያ ክፍልን በመጠቀም እንዴት አያቸዋለሁ?
የተደበቁ የይለፍ ቃሎችን ለመግለጥ በይለፍ ቃል የጽሑፍ ሳጥኑ ላይ በቀኝ ጠቅ ያድርጉ እና ይመርመሩ ን ይምረጡ። በደመቀው ክፍል ውስጥ type=”password” ይፈልጉ እና የይለፍ ቃል በ ጽሑፍ ይተኩ። ሁሉንም የይለፍ ቃላትህን በChrome ለማሳየት ቀላል መንገዶች አሉ።
