ඕනෑම වෙබ් පිටුවක HTML සහ CSS බලන්න
මෙම වෙබ් අඩවියේ කේත කේත පේළි වලින් නිර්මාණය වී ඇත, නමුත් ප්රතිඵලය වන්නේ රූප, වීඩියෝ, ෆොන්ට් සහ තවත් විශේෂිත පිටු වේ. එම එක් අංගයක් වෙනස් කිරීම හෝ එයින් සමන්විත වූ දේ බලන්න, ඔබට එය පාලනය කරන විශේෂිත කේතය සොයාගත යුතුය. මූලද්රව්ය පරීක්ෂා කිරීමේ මෙවලමක් සමඟ ඔබට එය කළ හැකිය.
බොහෝ වෙබ් බ්රවුසරයන් ඔබට පරීක්ෂා කිරීමේ මෙවලමක් බාගැනීමට හෝ ඇඩෝන ස්ථාපනය නොකරනු ඇත. ඒ වෙනුවට, ඔවුන් ඔබට පිටු අංගය දකුණු ක්ලික් කර Element පරීක්ෂා කරන්න හෝ පරීක්ෂා කරන්න . කෙසේ වෙතත්, ඔබේ බ්රවුසරයේ ක්රියාවලිය ටිකක් වෙනස් විය හැකිය.
Chrome හි මූලද්රව්ය පරීක්ෂා කරන්න
Google Chrome හි වඩාත්ම මෑත සංස්කරණ කිහිපයක් ඔබට එම පිටුව පරීක්ෂා කර බැලීමට ඉඩ ලබා දෙයි. එහි සියලුම built-in Chrome DevTools භාවිතා කරයි:
- පිටුවෙහි යමක් හරි (හෝ හිස් තැනක්) ක්ලික් කර පරීක්ෂා කරන්න
- Ctrl + Shift + I යතුරු පුවරුවේ කෙටිමං ඇතුළත් කරන්න
- තවත් මෙවලම්> සංවර්ධක උපකරණ මෙවලම් වෙත පිවිසීමට Chrome මෙනුව භාවිතා කරන්න
Chrome DevTools පහසු ලෙස HTML පේළි පිටපත් කිරීම හෝ සංස්කරණය කිරීම හෝ සම්පූර්ණයෙන් සැඟවීම හෝ මකා දැමීම වැනි දෑ (පිටු නැවත උත්සන්න වන තුරු) සිදුකිරීමට ඉඩ සලසයි.
පිටුවෙහි පැත්තෙන් DevTools විවෘත වන විට, එය ස්ථානගත කළ ස්ථානය වෙනස් කළ හැක, පිටුවෙන් එය පොප් පෝරමය, පිටුවෙහි සියළු ගොනු සෙවීම, නිශ්චිත පරීක්ෂණය සඳහා පිටුවෙන් මූලද්රව්ය තෝරන්න, පිටපත් ගොනු සහ URL, සහ පොඩ්ඩක් සකස් කරන්න. සැකසුම්.
ෆයර්ෆොක්ස් හි Elements පරීක්ෂා කරන්න
Chrome වැනි, ෆයර්ෆොර් යනුවෙන් හැඳින්වෙන එහි මෙවලම විවෘත කිරීමට ෆයර්ෆොක්ස් කිහිපයක් තිබේ:
- පිටුවෙහි හිස් තැනක් ක්ලික් කිරීමෙන් හෝ මූලද්රව්යයක් තෝරාගැනීම සහ Inspect Element තෝරාගන්න
- යතුරු පුවරුව සහිතව Ctrl + Shift + T හෝ Ctrl + Shift + ඇතුල් කරන්න
- ෆයර්ෆොක්ස් මෙනුවෙන්, සංවර්ධක > පරීක්ෂක ක්ලික් කරන්න
- මෙවලම් මෙනුවෙන්, වෙබ් සංවර්ධනය කරන්නා > පරීක්ෂක ක්ලික් කරන්න
ඔබේ මූසිකය ෆයර්ෆොක්ස්හි විවිධ මූලද්රව්ය මත මාරු කරන විට, පරීක්ෂක මෙවලම් ස්වයංක්රීයව මූල මූල කේත තොරතුරු සොයා ගනී. මූලද්රව්යයක් ක්ලික් කිරීම සහ "පියාසර කරන සෙවුම" නතර වනු ඇත, ඔබට පරීක්ෂක කවුළුවෙන් මූලද්රව්යය පරීක්ෂා කළ හැකිය.
සියලුම ආධාරක පාලන ක්රම සොයා ගැනීම සඳහා මූල ද්රව්යයක් රයිට් ක්ලික් කරන්න. HTML පිටුව ලෙස සංස්කරණය කළ හැකි පරිදි HTML පිටුවක්, අභ්යන්තර හෝ පිටත HTML කේත පිටපත් කිරීම හෝ ඇලවීම, DOM ගුණාංග පෙන්වන්න, තිරපිටපතක් හෝ node මකාදැමීම, නව ගුණාංග භාවිතා කිරීම, පිටු සියල්ලේ CSS සහ තවත් දෑ බලන්න.
ඔපෙරාහි Elements පරීක්ෂා කරන්න
ඔපෙරාවන්ට අංගයන් ද පරීක්ෂා කළ හැකිය, එය DOM ගේ පරීක්ෂක මෙවලම Chrome හි සමාන වේ. මෙන්න එය ලබා ගත හැක්කේ කෙසේද:
- යතුරුපුවරු කෙටිමං Ctrl + Shift + I භාවිතා කරන්න
- මෙනුව> තවත් මෙවලම්> සංවර්ධක මෙනුව පෙන්වන්න , ඉන්පසු මෙනු> මෙනුව> සංවර්ධක මෙවලම් හරහා මෙනුව විවෘත කරන්න
- පිටුවෙහි ඕනෑම අංගයක් දකුණු-ක්ලික් කර මෙනුවෙන්, පරීක්ෂා කරන්න මූල මට්ටම් තෝරාගන්න
Internet Explorer හි මූලද්රව්ය පරීක්ෂා කරන්න
සංවර්ධක මෙවලම් ලෙස සමාන පරීක්ෂක මූලද්රව්යය Internet Explorer හි ඇත:
- යතුරු පුවරුවේ F12 ඔබන්න
- Tools> F12 සංවර්ධක මෙනු විකල්පය භාවිතා කරන්න (ඔබට මෙවලම් මෙනුව පෙනෙන්නේ නැතහොත් Alt + X යන්න)
- පිටුව මත දකුණු-ක්ලික් කර Inspect Element ක්ලික් කරන්න
IE හි සියළුම HTML අංගයන් එහි HTML සහ CSS විස්තර දැකීමට ඉඩ සලසන මෙම නව මෙනුවෙහි තේරීම් මූලද්රව්ය මෙවලමක් ඇත. DOM Explorer ටැබය හරහා ඔබ බ්රවුස් කිරීමේදී ඔබට පහසුවෙන්ම අක්රීය කරන්න / සක්රීය කරන්න.
ඉහත වෙබ් බ්රවුසරයේ අනෙක් මූලද්රව්ය පරීක්ෂක උපකරණ මෙන් Internet Explorer මඟින් ඔබට කපා, පිටපත් කිරීම, ඇලවීම, ඇලවීම, HTML සැකසීම, ගුණාංග එකතු කිරීම, ඇමිණුම් කළ හැකි අංග සමඟ පිටපත් කරන්න, සහ තවත් දේ.