እንዴት በጎግል ክሮም ላይ Dev Toolsን በመጠቀም ቅጽበታዊ ገጽ እይታን ማንሳት እንደሚቻል

ዝርዝር ሁኔታ:

እንዴት በጎግል ክሮም ላይ Dev Toolsን በመጠቀም ቅጽበታዊ ገጽ እይታን ማንሳት እንደሚቻል
እንዴት በጎግል ክሮም ላይ Dev Toolsን በመጠቀም ቅጽበታዊ ገጽ እይታን ማንሳት እንደሚቻል
Anonim

ምን ማወቅ

  • በፒሲ ላይ፡ Ctrl + Shift + I ከዚያም Ctrl + Shift Pን ይጫኑ። ይጫኑ።
  • Mac፡ ትእዛዝ + አማራጭ + I ን ይጫኑ ከዚያ ትዕዛዝ + Shift P። ይጫኑ።
  • ከዚያ አራቱን የቅጽበታዊ ገጽ እይታ አማራጮችን ለማየት "ስክሪንሾት" ይተይቡ።

ይህ ጽሑፍ የገንቢ መሳሪያዎችን በመጠቀም እንዴት በChrome ውስጥ ቅጽበታዊ ገጽ እይታዎችን ማንሳት እንደሚቻል ያብራራል።

ቅጽበታዊ ገጽ እይታዎችን ለማንሳት የChrome ገንቢ መሳሪያዎችን እንዴት መጠቀም እንደሚቻል

የህትመት ስክሪን ቁልፍን እና የChrome መሳሪያውን በመጠቀም መካከል ያለው ልዩነት የChrome ቅጽበታዊ ገጽ እይታ መሳሪያው የChrome አሳሹን መስኮት ድንበር አያካትትም - የድረ-ገጹን ይዘት ብቻ።ቅጽበታዊ ገጽ እይታዎችዎን ሳያርትዑ የገጹን ይዘት ብቻ ማንሳት ከፈለጉ የገንቢ መሣሪያዎቹ አንድ እርምጃ ይቆጥቡዎታል።

የገንቢ መሣሪያዎቹን ለመድረስ ምናሌዎችን ወይም የቁልፍ ሰሌዳ አቋራጮችን መጠቀም ይችላሉ።

  1. ፕሬስ Ctrl + Shift + I በፒሲ ላይ፣ ወይም Command + Option + I በ Mac ላይ። በአማራጭ፣ ባለ ሶስት ነጥብ ሜኑ አዶን ጠቅ ያድርጉ እና ተጨማሪ መሳሪያዎችን > የገንቢ መሳሪያዎች ን ይምረጡ ይህንን ማድረግ የድረ-ገፁን ያሳያል የኤለመንት ኢንስፔክተር ገንቢ ምናሌን ይከፍታል። HTML ኮድ ማድረግ።

    Image
    Image
  2. ከዚያም Ctrl + Shift P (PC) ወይም Command + Shift P (ማክ) ይጫኑ ወይም ባለ ሶስት ነጥብ ሜኑ ላይ ጠቅ ያድርጉ። ለ DevToolsን ያብጁ እና ይቆጣጠሩ እና Command Run ይምረጡ። ይምረጡ።

    Image
    Image

    ለመደበኛ ወይም ሙሉ መጠን ቅጽበታዊ ገጽ እይታ ብቻ፣ ለማንሳት በሚፈልጉት ገጽ ላይኛው ክፍል ላይ ያለውን ባለ ሶስት ነጥብ ሜኑ አዶ ጠቅ ያድርጉ እና የቅጽበታዊ ገጽ እይታን ይቅረጹ ወይም ን ይምረጡ።የሙሉ መጠን ቅጽበታዊ ገጽ እይታን ያንሱ።

  3. የቅጽበታዊ ገጽ እይታ አማራጮቹን ለማየት "የቅጽበታዊ ገጽ እይታ" ይተይቡ፣ እነሱም፦

    • የአካባቢ ቅጽበታዊ ገጽ እይታ
    • የሙሉ መጠን ቅጽበታዊ ገጽ እይታን ያንሱ
    • የአንጓ ቅጽበታዊ ገጽ እይታን ያንሱ
    • የቅጽበታዊ ገጽ እይታን ያንሱ
    Image
    Image
  4. የመዳፊትዎን ወይም በቁልፍ ሰሌዳዎ ላይ ያሉትን የቀስት ቁልፎች በመጠቀም ማንሳት የሚፈልጉትን የቅጽበታዊ ገጽ እይታ አይነት ለመምረጥ ወደ ታች ይሸብልሉ።

የChrome ገንቢ የቅጽበታዊ ገጽ እይታ አማራጮች

የማያ ገጹን ክፍል ለመያዝ የአካባቢ ቅጽበታዊ ገጽ እይታን ያንሱ ይምረጡ። ቅጽበታዊ ገጽ እይታ ሊያነሱት በሚፈልጉት ቦታ ላይ ሳጥን ለመጎተት መዳፊትዎን ይጠቀሙ።

የመላውን ድረ-ገጽ ቅጽበታዊ ገጽ እይታ ለማግኘት የሙሉ መጠን ቅጽበታዊ ገጽ እይታን ያንሱ ይምረጡ። ይህ አማራጭ በአንድ ስክሪን ላይ በምቾት የማይመጥን የድረ-ገጽ ምስል እንድታገኝ ያስችልሃል።

ይህ አማራጭ በድር ጣቢያው ላይ በመመስረት በእኛ ሙከራ ውስጥ የተለያዩ ውጤቶች ነበሩት።

መደበኛ ቅጽበታዊ ገጽ እይታ ከፈለጉ፣ የቅጽበታዊ ገጽ እይታን ያንሱ ይምረጡ፣ ይህም በማያ ገጽዎ ላይ የሚታየውን ይይዛል። ይምረጡ።

በመጨረሻ፣ የማያ ገጽ ቅጽበታዊ ገጽ እይታንበመምረጥ የኤችቲኤምኤል ኤለመንት ቅጽበታዊ ገጽ እይታን ማግኘት ይችላሉ።

የቅጽበታዊ ገጽ እይታን ካነሱ በኋላ፣ አስቀምጥ የንግግር ሳጥን ያገኛሉ። አቃፊ ይምረጡ እና ቅጽበታዊ ገጽ እይታዎን የፋይል ስም ይስጡት። የገንቢ መሳሪያዎችን በመጠቀም የተነሱ ሁሉም ቅጽበታዊ ገጽ እይታዎች እንዲሁ በChrome ማውረጃ አስተዳዳሪ ውስጥ ይገኛሉ።

የሚመከር: