በእያንዳንዱ አሳሽ ውስጥ የአንድ ድረ-ገጽ ኮድ ምንጭ እንዴት መመልከት ይቻላል

እያነቡት ያለው ድረ-ገጽ, ከሌሎች ምንጮች ምንጭ, የተገነባ ነው. ይሄ ያንተን ድር አሳሽ ማውረድ እና አሁን ወደምናነበው ነገር እንዲተረጎም የሚያስችል ነው.

አብዛኛዎቹ የድር አሳሾች የየትኛውም መሣሪያ ምንም ቢሆኑም የድረ-ገጽ ምንጭ ኮድ የመረዳት ችሎታ ያቀርባሉ.

እንዲያውም አንዳንዶቹ የላቀ ተግባራትን እና መዋቅርን ያቀርባሉ, ይህም በገጹ ላይ ኤችቲኤምኤል እና ሌሎች የፕሮግራም ኮዶችን ለመለየት ቀላል ያደርገዋል.

የምንጩን ኮድ ለምን ማየት ትፈልጋለህ?

የገጹን ምንጭ ኮድ ለማየት የሚፈልጉት በርካታ ምክንያቶች አሉ. እርስዎ የድር ገንቢ ከሆኑ, በሌላ የፕሮግራም ባለሙያ ስልት ወይም አፈፃፀም ሽፋኖች ስር ያሉ ምስሎችን ይመልከቱ. ምናልባት በጥራት ማረጋገጫ ላይ ያሉ እና አንድ የተወሰነ የድረ ገጽ አካል ለምን እንደሆነ ወይም ምን እንዳደረገ ለማሳየት እየሞከሩ ሊሆን ይችላል.

የራስዎን ገጾች እንዴት እንደሚሰሩ እና አንዳንድ እውነተኛ የዓለም-ምሳሌዎችን ለመፈለግ እንደሚፈልጉ ለማወቅ የሚሞከሩ የመጀመሪያ ሰዎች ሊሆኑ ይችላሉ. በእርግጥ, ከእነዚህ ምድቦች ውስጥ በአንዱ ውስጥ አይገቡም እናም ምንጭን ከትውቀት የማወቅ ፍላጎት ብቻ ማየት ይፈልጋሉ.

ከታች የተዘረዘሩት በቅጂያዎ ውስጥ በምንጭ አሳሽዎ ውስጥ ምንጩን ይመልከቱ.

ጉግል ክሮም

በ Chrome OS, ሊነክስ, ማክሮ, ዊንዶውስ ላይ ሩጫ

የዴስክቶፕ የ Chrome ስሪት የሚከተለው የቁልፍ ሰሌዳ አቋራጩን በመጠቀም የመጀመሪያ እና በጣም ቀላል የሆነውን የመክፈሪያ ኮድ ለማየት ሶስት የተለያዩ ዘዴዎችን ያቀርባል-CTRL + U ( COMMAND + OPTION + U በ mac መ).

ሲጫኑ ይህ አቋራጭ ኤችቲኤምኤል እና ሌላ ለገቢው ገጹ የሚያሳይ ሌላ አዲስ ትር ይከፍታል. ይህ ምንጭ ቀለም የተሰጠው እና የተገነባ እና የሚፈልጉትን ነገር ለማጣራት ቀላል በሚያደርገው መልኩ የተዋቀረ ነው. እንዲሁም ወደ የድረ-ገጽ ዩአርኤል በግራ በኩል ተጨምሮ እና የገባ ቁልፍን በመምረጥ በ Chrome የአድራሻ አሞሌ የሚከተለውን ጽሑፍ በማስገባት ሊገኙበት ይችላሉ. (ማለትም, ይመልከቱ-ምንጭ: https: // www .).

ሶስተኛው ዘዴ በገቢው ኮድ ውስጥ ጥልቀት እንዲቆጥቡ እና ለሙከራ እና ለልማት ዓላማ ጥራትን ለማጥፋት የሚያስችልዎ በ Chrome የመሣሪያዎች መሣሪያዎች አማካኝነት ነው. ይህን የኪቦርድ አቋራጭ በመጠቀም የገንቢ መሳሪያዎች በይነገጽ ሊከፈትና ሊዘጋ ይችላል: CTRL + SHIFT + I (በ macOS ላይ COMMAND + OPTION + I ). የሚከተሉትን አቅጣጫ በመውሰድ እነዳላቸው.

1. በሶስት ቀጥ ያለ አጻጻፍ ነጥቦችን የሚወከለው የላይኛው ቀኝ ጥግ ላይ በሚገኘው የ Chrome ዋና ምናሌ አዝራር ላይ ጠቅ ያድርጉ.
2. ተቆልቋይ ምናሌ ሲመጣ, የመዳፊት ጠቋሚዎን ተጨማሪ መሣሪያዎች አማራጭ ላይ ያንዣብቡ.
3. ንዑስ ምናሌው ሲመጣ የገንቢ መሳሪያዎችን ጠቅ ያድርጉ.

Android
በ Chrome ለ Android ውስጥ የድረ ገጽ ምንጭን መመልከት በአዲሱ አድራሻው (ወይም ዩአርኤል) ፊደል ላይ እንደ የሚከተለው ቀላል ነው ቀላል ነው: እይታ-ምንጭ:. የዚህ ምሳሌ ምሳሌ የእይታ-ምንጭ ነው: https: // www. . ከተጠቀሰው ገጽ ኤችቲኤምኤል እና ሌላ ኮድ በንቁ መስኮት ውስጥ በፍጥነት ይታያል.

iOS
በእርስዎ አይፓድ, አይሮፕ ወይም አይፕ ኤችፒ ላይ ተጠቅመው Chrome ን ​​ተጠቅመው የመነሻ ምንጭ ዘዴዎች ባይኖሩም, በጣም ቀላሉ እና በጣም ውጤታማው የሶስተኛ ወገን መፍትሄን እንደ Source Source መተግበሪያን መጠቀም ነው.

በመተግበሪያ መደብር ውስጥ ለ $ 0.99 የሚገኝ, ምንጩን ይመልከቱ የገጹን ዩአርኤል (URLs) እንዲያስገቡ ያደርግዎታል (ወይም ከ Chrome የአድራሻ አሞሌ ቅዱ / ይለጥፉ, አንዳንዴ ቀላሉ መንገድ መወሰድ ነው) እና ያ ነው. ኤችቲኤምኤል እና ሌላ የመነሻ ኮድ ከማሳየት በተጨማሪ, መተግበሪያው የግለሰብ የገፅ ንብረቶችን, የሰነድ ዓይነት ሞዴል (DOM), እንዲሁም የገጽ መጠን, ኩኪዎችን እና ሌሎች ደስ የሚሉ ዝርዝሮችን ያሳያል.

Microsoft Edge

በርቷል

የ Edge አሳሽ የአሁኑን ገጽ ምንጭ ኮድ በገንቢ መሣሪያዎች በይነገጽ በኩል እንዲመለከቱ, እንዲለዩ እና አልፎ እንዲቆጣጠሩ ያስችልዎታል. ይህን ጠቃሚ መሣሪያዎችን ለመድረስ ከነዚህ የቁልፍ ሰሌዳ አቋራጮች አንዱን መጠቀም ይችላሉ F12 ወይም CTRL + U. በምትኩ አይጤውን ከመረጡ የ "ጠርዝ ምናሌ" አዝራሩን (ከላይኛው ቀኝ ጥግ ላይ ያለውን ሶስት አጣሮች) ጠቅ ያድርጉ እና ከዝርዝሩ የ F12 ገንቢ መሣሪያ አማራጩን ይምረጡ.

የመሣሪያ መሣሪያዎች ለመጀመሪያ ጊዜ ከተሠሩ በኋላ, Edge ለአሳሽ የአውድ ምናሌ ሁለት ተጨማሪ አማራጮችን (በድር ገጽ ውስጥ በማንኛውም ቦታ ቀኝ-ጠቅ በማድረግ ሊደረስበት ይችላል): ኤለመንት ይመርምሩ እና ምንጭን , የዲቫይረሩ አራሚ ክፍል የመነሻ ኮድ ያላቸው የመሣሪያዎች በይነገጽ.

ሞዚላ ፋየር ፎክስ

በ Linux, MacOS, Windows

በዴስክቶፕ የ Firefox ስሪት ላይ የገጹን ምንጭ ኮድ ለማየት በቁልፍ ሰሌዳዎ ላይ CTRL + U ( COMMAND + U on macOS) ን መጫን ይችላሉ, ይህም ለቀጣዩ ድረ ገጽ ኤችቲኤምኤል እና ሌላ ኮድ የያዘ አዲስ ትር ይከፍታል.

በ "ፋየርዎል" አድራሻ "ባር" ላይ በቀጥታ ከገጹ ዩ አር ኤል በስተግራ ያለውን ተከትሎ የሚመጣውን ጽሑፍ በ "ኩኪዎች" ላይ መጫን ይመርጣል. .

የገጹን ምንጭ ኮድ ለማየት የሚቻልበት ሌላው መንገድ በፋየርፎክስ ማሻሻያ መሳሪያዎች በኩል የሚከተሉትን ደረጃዎች በመውሰድ ማግኘት ይቻላል.

1. በአሳሽዎ መስኮት የላይኛው ቀኝ እና በሶስት አግድም መስመሮች የሚወከለው የዋናው ምናሌ አዝራር ላይ ጠቅ ያድርጉ.
2. የታወቀው ምናሌ ሲመጣ, የ " ገንቢ " አዶን ጠቅ ያድርጉ.
3. የድር ገንቢ አውድ ምናሌ አሁን የሚታይ መሆን አለበት. የገፅ ምንጭ አማራጩን ይምረጡ.

ፋየርፎክስ በተጨማሪ ለአንድ የተወሰነ የገጽ ክፍል አካል ምንጭ ኮድ እንዲያዩ ያስችልዎታል, ይህም ችግሮችን ለይቶ ለማወቅ ይረዳል. ይህን ለማድረግ በመጀመሪያ በመዳፊትዎ ላይ የሚፈልጉትን ቦታ ያጉሉ. በመቀጠልም ቀኙን ጠቅ ያድርጉና ከአሳሽ አውድ ምናሌ ውስጥ የመምረጥ ምንጭን ይምረጡ.

Android
በ Android ስርዓተ ክወና የ Firefox ፍርግም መመልከት የድረ ገጹን ዩአርኤል በቀጣዩ ጽሑፍ ቅድመ-ቅጥያ በማድረግ መተካት ይቻላል . ለምሳሌ, የኤች.ቲ.ኤም.ኤልን ምንጭ ለማየት የሚከተለውን ባህርይ በአሳሹ አድራሻ አሞሌ ላይ ማስገባት ይችላሉ -እይታ-ምንጭ: https: // www. .

iOS
በእርስዎ የ iPad, iPhone ወይም iPod touch ላይ የድረ-ገጽ ምንጭ ኮድ ለማየት የእኛ የተመከረ የአሰራር ዘዴ በ "መደብር መደብር" ውስጥ ይመልከቱ በ App Store ለ $ 0.99. ከፋየርፎክስ ጋር በቀጥታ ካልተቀላጠለ, ኤችቲኤምኤል እና ሌላ ጥያቄ ካለበት ገጽ ጋር የተቆራኘው ሌላ ኮድ ለመግለጥ በቀላሉ ከአሳሽ ውስጥ ወደ ዩአርኤል አንድ ዩ አር ኤል ገልብጠዋል.

አፕል ሳፋሪ

በ iOS እና ማኮስ ላይ

iOS
ምንም እንኳን Safari ለ iOS በነባሪነት የገጽ ምንጭን የማየት ችሎታ ባያጠቃልልም አሳሽ በአሳሽ መደብር በ $ 0.99 ውስጥ ያለ ውስብስብ በሆነ የ View Source መተግበሪያ ውስጥ ማዋሃድ ይችላል.

ይህን የሶስተኛ ወገን መተግበሪያ ወደ Safari አሳሽ ከተጫነ በኋላ በማያ ገጹ ታች ላይ እና በአራት እና በአንድ ቀስት የሚወከለው የአጋራ አዝራሩን መታ ያድርጉ. የ iOS አጋራ ሉሁን አሁን የሚታይ መሆን አለበት, የ Safari መስኮቱ ዝቅተኛውን ክፍል ላይ ይደርቃል. ወደ ቀኝ ይሸጎጡ እና የኃይል ምንጭ አዝራሩን ይምረጡ.

የንቁ ገፁን ምንጭ ኮድ የተበጀው እና የተዋቀረ ውክልና, የገጽ ንብረቶችን, ስክሪፕቶችን እና ተጨማሪ ነገሮችን ለማየት ከሚችሉ ሌሎች ትሮች ጋር አሁን ሊታይ ይገባል.

macOS
በሳራ የ Safari የዴስክቶፕ ስሪት ለማየት የአንድ ገጽ ምንጭን ለማየት, መጀመሪያ የገንቢ ምናሌውን ማንቃት አለብዎት. ከታች ያሉት እርምጃዎች ይህንን የተደበቀ ምናሌ በማግበር እና የአንድ ገጽ ኤች ቲ ኤም ኤል ምንጭ በማሳየት እርስዎ እንዲሄዱ ያደርጋሉ.

1. በማያ ገጹ አናት ላይ ባለው የአሳሽ ምናሌ ውስጥ Safari ን ጠቅ ያድርጉ.
2. ተቆልቋይ ምናሌ ሲመጣ አማራጭ ምርጫዎች የሚለውን ይምረጡ.
3. የሳርፊር አማራጮች አሁን የሚታይ መሆን አለባቸው. ከላይኛው ረድፍ በስተቀኝ በኩል በስተቀኝ በኩል የተቀመጠው አዶ ጠቅ ያድርጉ.
4. የላቀ ክፍሉ ታችኛው ክፍል በስተግራ ባዶ የአመልካች ሳጥን ተያይዞ የቀረበውን የገንቢ ምናሌ ውስጥ በመደመር አሞሌው ውስጥ አንድ አማራጭ ነው. በአመልካች ውስጥ ምልክት ማድረጊያ ላይ አንድ ጊዜ ጠቅ ያድርጉ እና ከላይ በግራ በኩል ባለው ጥቁር «x» ላይ ጠቅ በማድረግ የምርጫዎች መስኮቱን ይዝጉ.
5. በማያ ገጹ አናት ላይ ያለውን የገንቢ ምናሌ ላይ ጠቅ ያድርጉ.
6. ተቆልቋይ ምናሌ ሲመጣ አሳይ የገፅ ምንጭ አሳይ የሚለውን ይምረጡ. ከዚህ በተጨማሪ በሚከተለው የቁልፍ ሰሌዳ አቋራጭ መጠቀም ይችላሉ- COMMAND + OPTION + U.

ኦፔራ

በ Linux, MacOS, Windows

በ Opera አሳሽ ውስጥ ከድር ገጹ ላይ የምንጭ ኮድ ለማየት የሚከተለውን የቁልፍ ሰሌዳ አቋራጭ ይጠቀሙ-CTRL + U ( COMMAND + OPTION + U በ mac መ). በምትኩ በአሁኑ ትር ውስጥ ምንጭን መጫን የሚመርጡ ከሆነ በአድራሻ አሞሌው ውስጥ ከገጹ URL በስተግራ ያለውን የሚከተለውን ጽሑፍ ይተይቡ እና ያስገቡ Enter : view-source: (ማለትም, ይመልከቱ-ምንጭ: https: // www. ).

የዴስክቶፕ የሎው ስሪት የየ HTML ምንጭ, ሲኤስኤስ እና ሌሎች አካላት የተዋሃዱ የገንቢ መሳሪያዎቹን በመጠቀም እንዲመለከቱ ያስችሎታል. በነባሪው በእርስዎ ዋና አሳሽ መስኮት ላይ በቀኝ በኩል የሚታየውን ይህን በይነገጽ ለመጀመር, የሚከተለውን የቁልፍ ሰሌዳ አቋራጭ ይጫኑ-CTRL + SHIFT + I ( COMMAND + OPTION + I በ MacOS ላይ).

የኦፔራ ገንቢ መሳሪያዎች የሚከተሉትን ደረጃዎች በመውሰድ ተደራሽ ይሆናሉ.

1. በአሳሽዎ መስኮት የላይኛው ግራ ጥግ ላይ የሚገኘውን ኦፔራ አርማ ጠቅ ያድርጉ.
2. ተቆልቋይ ምናሌ ሲመጣ, የመዳፊት ጠቋሚዎን ተጨማሪ መሣሪያዎች አማራጭ ላይ ያንዣብቡ.
3. የገንቢ ምናሌን አሳይ ላይ ጠቅ ያድርጉ.
4. የኦቶክ አርማን በድጋሚ ጠቅ ያድርጉ.
5. ተቆልቋይ ምናሌ ሲመጣ, ጠቋሚዎን በገንቢ ላይ ያንዣብቡ.
6. ንዑስ ምናሌ ሲመጣ, የገንቢ መሣሪያዎችን ጠቅ ያድርጉ.

Vivaldi

በ Vivaldi አሳሽ ውስጥ የገጽ ምንጭን ለማየት በርካታ መንገዶች አሉ. በጣም ቀላሉ ማለት በአዲስ ትር ውስጥ ካለው ገባሪ ገጽ የሚያመለክት በ CTRL + U የቁልፍ ሰሌዳ አቋራጭ በኩል ነው.

በተጨማሪም በሚከተለው ሰንጠረዥ ውስጥ ያለውን የምንጭ ኮድ የሚያሳይ የቪድዮ ገፅ ፊት ለፊት ገፅ ላይ መጨመር ይችላሉ. ለዚህ ምሳሌ የምሳሌ -ምንጭ: http: // www. .

ሌላ ዘዴ የአሳሽን የተዋሃዱ የገንቢ መሳሪያዎች በ CTRL + SHIFT + I ቅንብር ወይም በ አሳታፊ መሣሪያዎች ምናሌ በኩል በገንቢ መሳሪያዎች አማራጩን - የላይኛው ግራ ጥግ ላይ ያለውን የ «ቫ» አርማ ጠቅ በማድረግ ማግኘት ይቻላል. የ dev መሣሪያዎችን መጠቀም ለገጽ ምንጭ ተጨማሪ ጥልቅ ትንታኔዎችን ይፈቅዳል.