د هرې ویب پاڼې HTML او CSS وګورئ
دا ویب پاڼه د کوډ لینونو سره جوړه شوې ده، مګر نتیجه ځانګړې پاڼې د انځورونو، ویډیوګانو، فونټونو او نورو سره. د دغو عناصرو څخه د بدلون لپاره یا وګورئ چې دا څه شامل دي، تاسو باید د کود کوډ ځانګړي کرښه ومومئ چې دا یې کنترولوي. تاسو کولی شئ هغه د عنصر معاینې وسیله سره ترسره کړئ.
ډیری ویب سایټونه تاسو د تفتیش تجهیزات نه ډکوي یا یو اضافه نصب کړئ. پرځای یې، دوی تاسو ته د پاڼې عنصر په سمه توګه کلیک وکړئ - د پاڼه عنصر ټیک کړئ او د عنصر تفتيش یا تفتیش غوره کړئ. په هرصورت، دا پروسه ممکن ستاسو په براؤزر کې لږ توپیر وي.
په کروم کې عناصر وګورئ
د ګوګل کروم خورا وروستي نسخه تاسو ته اجازه راکړئ چې پاڼه په څو لارو کې وپلټئ، چې ټول یې د انټرنیټ کروم ډیو ټولونو کارول دي:
- په پاڼه کې یو څه باندی کلیک کلیک کړئ (یا یو خالي ساحه) او وټاکئ انتخاب کړئ
- د Ctrl + Shift + د کیلي شارټ کټ ټیک کړه
- د غورنۍ مینځپانګه وکاروئ ترڅو نور اوزار> پرمخ وړونکی وسایل اختیار ته لاسرسۍ ومومئ
د Chrome ډیو ټول تاسو ته د HTML لینونو کاپی یا تڼۍ کول آسانه کړئ یا په بشپړه توګه د عناصرو پټول یا حذف کول (تر هغې چې د پاڼې بیا رالنډول).
کله چې DevTool د پاڼې په لوري پرانیستل شي، تاسو کولی شئ چیرې چیرې ځای په ځای کړئ، دا د پاڼې څخه ډک کړئ، د پاڼې د فایلونو لټون، د ځانګړي ازموینه لپاره د پاڼې عناصر وټاکئ، فایلونه او URLونه، او حتی د ډوډۍ دود د ترتیباتو.
فایرفوکس کې عناصر معاینه کړئ
د کروم په څیر، فایرفوکس د خپل وسیلې پرانیستلو لپاره یو څو بیلابیلې لارې لري چې نوم یې د انسپیکټر نومیږي:
- په پاڼه کې خالي خالي ساحه په کلیک کلیک وکړئ یا عنصر غوره کړئ، او د عنصر تفتيش غوره کړئ
- Ctrl + Shift + T یا Ctrl + Shift + زه د کیبورډ سره ولیکئ
- د فایرفوکس مینو څخه، د پرمخ وړونکي > تفتیش کلیک وکړئ
- د اوزار مینو څخه، د ویب پرمخ وړونکي> انسپکټر کلیک وکړئ
لکه څنګه چې تاسو خپل ماوس په مختلفو عناصرو کې د فایرفوکس کې حرکت کوئ، د انسپکټر وسیله په اتومات ډول د عنصر د سرچینې کوډ معلومات موندل. یو عنصر کلیک وکړئ او "په الوتکه کې لټون" بند شي او تاسو عنصر د انسپکټر کړکۍ څخه معاینه کولی شئ.
د ټولو ملاتړ شویو کنټرولونو د موندلو لپاره یو عنصر په کلیک کلیک کړئ. تاسو کولی شئ شی پاڼې وکړو لکه HTML، کاپي یا د داخلي یا بهر HTML HTML تڼۍ، د DOM ځانګړتیاوې، د اسڪرين اس شاټ شا او یا نوډ حذف کړئ، په اسانۍ سره نوي ځانګړتیاوې وګورئ، د ټولو مخ سیسټم وګورئ او نور.
په اوپرا کې عناصر معاینه کړئ
اوپیرا کولی شي عناصر هم وپلوري، دا د DOM انسپکټر وسیله ده چې د کروم سره ورته وي. دلته دا څنګه ترلاسه کول دي:
- د کیبورډ شارټټ کاروئ Ctrl + Shift + I کاروئ
- مینو ته نیویږئ> نور وسایل> د پرمخ وړونکي مینو ښودل ، او بیا مینو ته د مینو> پرمخ وړونکي> پرمخ وړونکی وسیلو له لارې پرانیزئ
- په دې پاڼه کې د هر ډول عنصر په ښی کلیک مینو کې، د تفتيش عنصر غوره کړئ
په انټرنیټ اکسپور کې عناصر معاینه کړئ
د ورته تفتیش عنصر وسیله چې د پرمختلونکي وسیلو په نوم یادیږي، انټرنیټ انټرنیټ کې شتون لري:
- په کیبورډ کې F12 پریس کړئ
- د F12 ډیزاینر مینو مینو اختیار کړئ ( Alt Alt X په نښه کړئ که تاسو د وسیلو مینو نه وینئ)
- په پاڼه کې کلیک کلیک وکړئ او د عنصر تفتيش کلیک وکړئ
IE په دې نوې مینو کې د انتخاب عنصر لري چې تاسو کولای شئ د دې HTML او CSS تفصیلات وګورئ ترڅو تاسو په هر مخ عنصر کې کلیک وکړئ. تاسو کولی شئ په اسانۍ سره د DOM Explorer Tab لخوا د لټون کولو پر مهال د عنصر څرګندونې فعال کړئ / فعال کړئ.
په پورته پورته ګورتو کې د نورو عنصر انسپکټر وسیلو په څیر، تاسو انټرنیټ اکسپورر ته اجازه درکوي چې کاپي، کاپی، او پیسټ عناصر هم ولري، همداراز HTML سره سم سمبال کړئ، ځانګړتیاوې، د کاپي عناصرو سره نښل شوي، او نور.