සෑම බ්රවුසරයකම වෙබ් පිටුවක මූල කේතය බලන්න

ඔබ කියවන වෙබ් පිටුව වෙනත් දේවල් අතරින් කේත කේතය සමන්විත වේ. ඔබගේ වෙබ් බ්රවුසරය බාගත කරන තොරතුරු දැන් ඔබ කියවන දෙයට පරිවර්තනය කරයි.

බොහෝ වෙබ් බ්රවුසරයන් ඔබ කුමන ආකාරයේ උපාංගයක් වුවද, අමතර මෘදුකාංග අවශ්ය නොවන වෙබ් පිටුවක මූල කේතය දැකීමට හැකියාව ලබා දේ.

සමහරුන්ගේ උසස් ක්රියාකාරිත්වය සහ ව්යුහය පවා ඉදිරිපත් කර ඇත, පිටුවෙහි HTML සහ වෙනත් වැඩසටහන් කේතය භාවිතා කිරීමට පහසු වේ.

මූලාශ්ර කේතය දැකීමට ඔබ කැමති ඇයි?

පිටුවක ප්රභව කේතයක් බැලීමට අවශ්ය වීමට හේතු කිහිපයක් තිබේ. ඔබ වෙබ් සංවර්ධනකරුවෙකු නම්, සමහර විට තවත් ක්රමලේඛයක විශේෂිත ශෛලියක් හෝ ක්රියාත්මක කිරීමක දී ආවරණ යටින් යන්න. සමහරවිට ඔබට හොඳ තත්ත්වයේ සහතිකයක් ඇති අතර, වෙබ් පිටුවක යම් කොටසක් කොටසක් විදහා දැක්වීම හෝ එය හැසිරවීම හරියටම කරන්නේ ඇයිදැයි සොයා බැලීමට උත්සාහ කරන්න.

ඔබේම පිටු සංග්රහ කරන්නේ කෙසේදැයි ඉගෙන ගැනීමට උත්සාහ කරන ආරම්භකයකු විය හැකි අතර සමහර සැබෑ ලෝක උදාහරණ සොයනු ඇත. ඇත්ත වශයෙන්ම, ඔබ මෙම වර්ගයන්ගෙන් කිසිවක් නොපවතින අතර, ප්රභව කුතුහලයෙන් තොරව මූලාශ්රය නැරඹීමට අවශ්යය.

පහත දැක්වෙන ලැයිස්තුවේ ඔබේ බ්රවුසරයේ මූල කේතය දෙස බලන්නේ කෙසේ ද යන්න පිළිබඳ උපදෙස්.

ගූගල් ක්රෝම්

ධාවනය වෙමින් පවතී: Chrome OS, Linux, macOS, වින්ඩෝස්

Chrome හි ඩෙස්ක්ටොප් අනුවාදය පිටුවක ප්රභව කේතය බැලීම සඳහා විවිධ ක්රම තුනක් ඉදිරිපත් කරයි, පළමු හා ඉතාමත් සරලම යතුරු පුවරුව කෙටිමං භාවිතා කිරීමෙන් CTRL + U ( COMMAND + OPTION + U මත MacOS).

එබූ විට, මෙම කෙටිමඟ සකිය පිටුව සඳහා HTML සහ වෙනත් කේතයක් පෙන්වන නව බ්රව්සර් ටැබ් එකක් විවෘත කරයි. මෙම මූලාශ්රය වර්ණ කේතීකෘත වූ අතර, ඔබ සොයන දෙය වෙන් කොට සරිලන ආකාරයට සරල ලෙස හැඩගස්වනු ඇත. ඔබට Chrome වෙබ් අඩවියේ URL වල වම් පැත්තට පිවිසීමෙන් සහ Enter යතුර පිවිසීමෙන් පහත දැක්වෙන පෙළට ඇතුල් කළ හැකිය: දසුන-මූලාශ්රය: (එනම්, දසුන-මූලාශ්රය: https: // www ).

තුන්වන ක්රමය Chrome හි සංවර්ධක මෙවලම් හරහා වන අතර එය පිටු කේතයේ ගැඹුරට ගිලී යාමට ඉඩ සලසමින්, පරීක්ෂා කිරීම හා සංවර්ධන අරමුණු සඳහා එය පියාඹන්න. මෙම යතුරු පුවරුව කෙටිමං භාවිතා කිරීමෙන් සංවර්ධක මෙවලම් අතුරුමුහුණත විවෘත කළ හැකිය: CTRL + SHIFT + I ( COMMAND + OPTION + I මත macOS). පහත සඳහන් මාර්ගය අනුගමනය කිරීමෙන් ඔබට ඒවා දිය හැක.

1. ඉහළ දකුණු කෙළවරෙහි පිහිටා ඇති Chrome හි ප්රධාන මෙනුවේ බොත්තම මත ක්ලික් කර සිරස් දිශානුගත තිත් තුනකින් නියෝජනය වේ.
2. පතන මෙනුව දිස්වන විට, වැඩි මෙවලම් විකල්පයක් මත ඔබේ මූසික කර්සරය යොමු කරන්න.
3. උප මෙනුව දිස්වන විට, සංවර්ධක මෙවලම් මත ක්ලික් කරන්න.

ඇන්ඩ්රොයිඩ්
ඇන්ඩ්රොයිඩ් සඳහා Chrome හි වෙබ් පිටුවක මූලාශ්රය එහි පහත දැක්වෙන පෙළ එහි ලිපිනය (හෝ URL) ඉදිරිපිටට යැවීම හා එය ඉදිරිපත් කිරීම: ප්රක්ෂේපනය කරන්න:. මෙය උදාහරණයක් ලෙස දැක්විය හැකිය. මූලාශ්රය: https: // www. . ප්රශ්ණයට ලක්වූ පිටුවෙන් HTML සහ අනෙකුත් කේත ක්ෂණිකව ක්රියාකාරී කවුළුවෙහි ප්රදර්ශනය කෙරේ.

iOS
ඔබගේ අයිපීඩය, අයිෆෝන් හෝ අයිපොඩ් ස්පර්ශය මත ක්රෝම් භාවිතා කරමින් භාවිතා කරන මූල කේතයක් නැරඹීම සඳහා ස්වදේශීය ක්රමයක් නොමැති අතර, සරලම හා වඩාත්ම ඵලදායී වන්නේ විවේචන යෙදුම වැනි තෙවන පාර්ශවීය විසඳුමක් භාවිතා කිරීමයි.

ඇප්ස් වෙළඳසැලේ ඇඩෝබි වෙළඳසැලෙහි ඇඩ්වාන්ස් වෙළඳසැලකින් ඩොලර් 0.99 ක් දක්වා තිබේ නම්, පිටුවෙහි URL ලිපිනය ඇතුල් කිරීමට හෝ ඔබ විසින් Chrome සරල ලිපින තීරයෙන් එය පිටපත් කිරීම / ඇලවීම සිදු කරයි. HTML සහ අනෙකුත් කේත කේත පෙන්වීමට අමතරව, යෙදුම තනි පිටුවේ වත්කම්, ලේඛන විෂය ආකෘතිය (DOM), පිටු ප්රමාණය, කුකී සහ වෙනත් රසවත් විස්තර පෙන්වන ටැබ් ඇත.

මයික්රසොෆ්ට් එජ්

ධාවනය වෙමින් පවතී: වින්ඩෝස්

Edge බ්රවුසරය එහි සංවර්ධක මෙවලම් අතුරුමුහුණත හරහා වර්තමාන පිටුවේ මූල කේතය බැලීමට, විශ්ලේෂණය කිරීමට සහ පවා හැසිරවීමට ඉඩ සලසයි. මෙම පහසු මෙවලම ප්රවේශ කිරීමට ඔබට මෙම යතුරු පුවරු කෙටිමං එක භාවිතා කළ හැකිය: F12 හෝ CTRL + U. ඔබ මූසිකයට වඩා කැමතිනම්, Edge ගේ මෙනු බොත්තම මත ක්ලික් කරන්න (ඉහළ දකුණු පස කෙළවරේ තිත් තුනක්) ලැයිස්තුවෙන් ලැයිස්තුවෙන් F12 සංවර්ධක මෙවලම් තෝරන්න.

Dev මෙවලම් පළමු වරට ක්රියාත්මක වන විට Edge විසින් බ්රවුසරයේ සන්දර්භය මෙනුවට අමතර විකල්ප දෙකක් එකතු කරයි (වෙබ් පිටුවක ඕනෑම තැනක දකුණු පස ක්ලික් කිරීමෙන් පිවිසිය හැකිය): මූල විවරණය සහ මූලාශ්රය පරීක්ෂා කරන්න , dev මූලාශ්ර කේතය සහිතව මෙවලම් අතුරුමුහුණත.

මොසිල්ලා ෆයර්ෆොක්ස්

ධාවනය වෙමින් පවතී: Linux, macOS, වින්ඩෝස්

ෆයර්ෆොක්ස් හි ඩෙස්ක්ටොප් අනුවාදයේ පිටුවක මූලාශ්ර කේතය බැලීමට, ඔබේ යතුරු පුවරුවෙහි CTRL + U ( COMMAND + U මත macOS) එබිය හැක, ක්රියාකාරී වෙබ් පිටුව සඳහා HTML සහ වෙනත් කේතයක් සහිත නව ටැබය විවෘත කරනු ඇත.

පහත සඳහන් පාඨය ෆයර්ෆොක්ස් හි ලිපින තීරුව වෙත යොමු කිරීම, පිටුවෙහි URL වල වම් කෙළවරේ වම් පසින්, වත්මන් ටැබය තුළ එකම ප්රභවය පෙන්වනු ඇත: view-source: (එනම්, දසුන-මූලාශ්රය: https: // www.) .

පිටුවක මූල කේතය වෙත පිවිසීමට තවත් ක්රමයක් වන්නේ පහත දැක්වෙන පියවර අනුගමනය කරමිනි.

1. ඔබගේ බ්රවුසර් කවුළුවේ ඉහළ දකුණු කෙළවරේ පිහිටි ප්රධාන මෙනුවේ බොත්තම මත ක්ලික් කර තිරස් රේඛා තුනකින් සමන්විත වේ.
2. Pop-out මෙනුව දිස්වන විට, Developer "Wrench" අයිකනය මත ක්ලික් කරන්න.
3. වෙබ් සංවර්ධකයා සන්දර්භය මෙනුව දැන් දෘශ්යමාන විය යුතුය. Page මූලාශ්ර විකල්පය තෝරන්න.

පිටුවක යම් කොටසක් සඳහා මූල කේතය දෙස බැලීමට ෆයර්ෆොක්ස් මඟින් ගැටළු හුදෙකලා කිරීමට පහසු වේ. එසේ කිරීමට, ඔබේ මූසිකය සමඟ ඔබ උනන්දුවක් දක්වන ප්රදේශය ප්රථමයෙන් අවධාරණය කරන්න. ඊළඟට, දකුණු-ක්ලික් කරන්න සහ බ්රවුසරයේ ප්රකරණ මෙනුවෙන් View Selection Source තෝරන්න.

ඇන්ඩ්රොයිඩ්
Firefox හි ඇන්ඩ්රොයිඩ් සංස්කරණයෙහි මූලාශ්ර කේතය පහත වෙබ් අඩවියේ වෙබ් පිටුවෙහි URL එක උපසර්ගය කිරීමෙන් දැක්විය හැකිය: view-source:. නිදසුනක් ලෙස, ඔබ විසින් බ්රවුසරයේ ලිපින තීරුවෙහි පහත දැක්වෙන පාඨය සඳහා HTML ප්රභවය බැලීමට : view-source: https: // www. .

iOS
ඔබගේ iPad, iPhone හෝ අයිපොට් ටච් මත වෙබ් අඩවි මූල කේතය නැරඹීම සඳහා අපගේ නිර්දේශිත ක්රමය වනුයේ දර්ශීය මූලාශ්ර යෙදුම හරහා App Store සඳහා ඩොලර් 0.99 කි. ෆයර්ෆොක්ස් සමඟ සෘජු ලෙස ඒකාබද්ධ වී නොමැති නමුත්, ඔබට ප්රශ්නයක් ඇති පිටු සමග සම්බන්ධිත HTML සහ අනෙකුත් කේතයන් නිරාවරණය කිරීම සඳහා, පහසුවෙන් ඔබට බ්රවුසරයෙන් URL මාර්ගයෙන් පිටපත් කර ඇලවිය හැකිය.

ඇපල් සෆාරි

IOS සහ macOS මත ක්රියාත්මක වෙමින්

iOS
සෆාරි සඳහා iOS සඳහා පිටු ප්රභවයක් පෙරනිමියෙන් බැලීමේ හැකියාවක් නොමැති වුවද, බ්රවුසරය දර්ශනීය යෙදුම සමඟ සෘජු ලෙස ඒකාබද්ධ කර ඇත. - App Store සඳහා ඩොලර් 0.99 ක් ඇත.

මෙම තුන්වන පාර්ශවීය යෙදුම Safari බ්රවුසරයට ස්ථාපනය කිරීමෙන් පසු තිරයේ පහළ කොටසේ ඇති කොටුව හා ඉහළ ඊතලයක් මගින් බෙදාගන්න බොත්තම මත ඇතිව සිටින්න. ඔබගේ iOS බෙදාගැනීමේ පත්රිකාව ඔබගේ Safari කවුළුවේ පහල අර්ධය යටපත් කරගත යුතුය. දකුණට අනුචලනය කර View Source බොත්තම තෝරන්න.

සක්රිය පිටුවෙහි කේත ප්රභවයේ වර්ණ කේතීකෘත, ව්යුපාරික නිරූපණයෙහි පිටු, වත්කම්, ස්ක්රිප්ට් සහ තවත් දේ බැලීමට ඉඩ සලසවන අනෙකුත් ටැබ් ද ප්රදර්ශනය කළ යුතුය.

macOS
Safari හි ඩෙස්ක්ටොප් අනුවාදයේ පිටුවක මූලාශ්ර කේතය බැලීම සඳහා, ඔබ මුලින්ම එහි සංවර්ධනය මෙනුව සබල කිරීමට අවශ්ය වේ. පහත සැඟවුණු පියවර මෙම සැඟවුනු මෙනුව සක්රිය කිරීමෙන් සහ පිටු හි HTML ප්රභවයක් ප්රදර්ශනය කරයි.

1. තිරයේ ඉහලින් පිහිටි බ්රවුසර මෙනුවෙහි Safari මත ක්ලික් කරන්න.
2. පතන මෙනුව දිස්වන විට, මනාපයන් තේරීම තෝරන්න.
3. සෆාරිගේ මනාපයන් දැන් දෘශ්යමාන විය යුතුය. ඉහල පේළියේ අන්ත දක්ෂිනාංශිකයේ පිහිටා ඇති උසස් අයිකනය මත ක්ලික් කරන්න.
4. උසස් කොටසේ පහළට මෙනු තීරුවේ Show Developer මෙනුව සහිත ලේබලයක් සහිත හිස් පිරික්සුම් කොටුවකින් දැක්වෙනුයේ විකල්පයයි. වම්පස ඉහළ කොටසේ ඇති රතු 'x' ක්ලික් කිරීම මගින් එහි ඇති චෙක් පුවරුව තැබීමට වරක් මෙම කොටුව මත ක්ලික් කරන්න.
5. තිරයේ ඉහලින් ඇති සංවර්ධන මෙනුව මත ක්ලික් කරන්න.
6. පතන මෙනුව දිස්වන විට, පිටුව ප්රභවය පෙන්වන්න . ඔබට පහත දැක්වෙන යතුරුපුවරු කෙටිමං භාවිතා කළ හැකිය: COMMAND + OPTION + U.

ඔපෙරා

ධාවනය වෙමින් පවතී: Linux, macOS, වින්ඩෝස්

ඔපෙරා බ්රවුසරයේ ක්රියාකාරී වෙබ් පිටුවෙන් මූල කේතය බැලීමට පහත සඳහන් යතුරුපුවරු කෙටිමං භාවිතා කරන්න: CTRL + U ( COMMAND + OPTION + U මත MacOS). වත්මන් ටැබය තුළ ප්රභවය මූලාශ්රය පූරණය කරන්නේ නම්, ලිපින තීරුවේ ඇතුලත පිටුවේ URL එකේ ඇති පහත දැක්වෙන පෙළ ටයිප් කරන්න Enter කරන්න : දසුන-මූලාශ්රය: (එනම්, දසුන-මූලාශ්රය: https: // www. ).

ඔපෙරා ඩෙස්ක්ටොප් අනුවාදය මඟින් එහි HTML මෘදුකාංගය, CSS සහ අනෙකුත් අංගයන් එහි ඒකාබද්ධ කළ සංවර්ධන මෙවලම් භාවිතා කර බැලීමට ඉඩ සලසයි. මෙම අතුරු මුහුණත ආරම්භ කිරීම සඳහා, ඔබේ ප්රධාන බ්රවුසර් කවුළුවෙහි දකුණු පැත්තෙන් දර්ශණය වන පරිදි, පහත දැක්වෙන යතුරුපුවරු කෙටිමඟක් ඔබන්න: CTRL + SHIFT + I ( කොමිපොස්ට් + විකල්ප + මා macOS මත).

ඔපෙරාහි සංවර්ධන මෙවලම සඳහා පහත සඳහන් පියවරයන් අනුගමනය කළ හැකිය.

1. ඔබගේ බ්රවුසරයේ කවුළුවේ ඉහළ වම් කෙළවරේ පිහිටි ඔපෙරා ලාංඡනය මත ක්ලික් කරන්න.
2. පතන මෙනුව දිස්වන විට, වැඩි මෙවලම් විකල්පයක් මත ඔබේ මූසික කර්සරය යොමු කරන්න.
3. සංවර්ධක මෙනුව පෙන්වන්න මත ක්ලික් කරන්න.
4. ඔපෙරා ලාංඡනය නැවතත් මත ක්ලික් කරන්න.
5. පතන මෙනුව දිස්වන විට, සංවර්ධකයාට ඔබේ කර්සරය හසුරුවන්න .
6. උප-මෙනුව දිස්වන විට, සංවර්ධක මෙවලම් මත ක්ලික් කරන්න.

විවලි

විවාලි බ්රවුසරයේ පිටු ප්රභවය බැලීමට විවිධ ක්රම තිබේ. සරලම ක්රමය වන්නේ CTRL + U යතුරු පුවරුවේ කෙටිමං මගින්, නව ටැබයක සක්රිය පිටුවෙන් කේතය යවයි.

පහත දැක්වෙන පෙළ පිටු ටැග පෙරළීම සඳහා, ඔබට දැනට පවතින ටැබයෙහි මූලාශ්ර කේතය දැක්විය හැකිය: view-source:. මෙය උදාහරණයක් වනු ඇත -මූලාශ්රය: http: // www. .

තවත් ක්රමයක් වන්නේ බ්රවුසරයේ ඒකාබද්ධ වූ සංවර්ධක මෙවලම් හරහා, CTRL + SHIFT + I එකේ සිට සංවාද කොටුව හෝ සංවර්ධක මෙවලම් විකල්පයෙන් බ්රවුසරයේ මෙවලම් මෙනුව හරහා - ඉහළ වම් කෙළවරේ 'V' ලාංඡනය මත ක්ලික් කිරීමෙන්ය. Dev මෙවලම් භාවිතා කරමින් පිටු මූලාශ්රයේ වඩා ගැඹුරු විශ්ලේෂණයක් සඳහා ඉඩ ලබා දේ.