ప్రతి బ్రౌజర్లోని వెబ్ పేజీ యొక్క మూల కోడ్ను వీక్షించండి

మీరు చదివే వెబ్ పేజ్ ఇతర విషయాలు, సోర్స్ కోడ్తో రూపొందించబడింది. అది మీ వెబ్ బ్రౌజర్ డౌన్లోడ్లు మరియు ప్రస్తుతం మీరు చదివిన వాటిని అనువదిస్తుంది.

చాలా వెబ్ బ్రౌజర్లు మీరు ఏ పరికరాన్ని ఉపయోగిస్తున్నారనే దానితో పాటు అదనపు సాఫ్ట్వేర్ అవసరం లేకుండా వెబ్ పేజీ యొక్క సోర్స్ కోడ్ను చూడగల సామర్థ్యాన్ని అందిస్తాయి.

కొన్ని కూడా ఆధునిక కార్యాచరణ మరియు నిర్మాణం అందిస్తున్నాయి, సులభంగా పేజీలో HTML మరియు ఇతర ప్రోగ్రామింగ్ కోడ్ పరిశీలన చేయడం.

మీరు మూల కోడ్ను చూడాలనుకుంటున్నారా?

మీరు ఒక పేజీ సోర్స్ కోడ్ను చూడాలనుకుంటున్నందుకు అనేక కారణాలు ఉన్నాయి. మీరు ఒక వెబ్ డెవలపర్ అయితే, మీరు బహుశా మరొక ప్రోగ్రామర్ యొక్క ప్రత్యేక శైలి లేదా అమలులో కవర్లు కింద ఒక పీక్ తీసుకోవాలని ఇష్టం. బహుశా మీరు నాణ్యతా హామీలో ఉన్నారని మరియు ఒక వెబ్ పేజీలోని కొంత భాగాన్ని దాని మార్గాన్ని ఎలా ప్రవర్తిస్తుందో లేదా ఎలా వ్యవహరిస్తుందో తెలుసుకోవడానికి ప్రయత్నిస్తున్నారు.

మీరు మీ స్వంత పేజీలను ఎలా కోడ్ చేసుకోవాలో తెలుసుకోవడానికి మరియు కొన్ని నిజ-ప్రపంచ ఉదాహరణల కోసం అన్వేషిస్తున్న ఒక అనుభవశూన్యుడు కూడా. వాస్తవానికి, మీరు ఈ వర్గాల్లో ఏమీ రాకపోవడమే మరియు కేవలం ఉత్సుకతతో మూలంను చూడాలనుకుంటున్నారా.

ఎంపిక మీ బ్రౌజర్లో సోర్స్ కోడ్ను ఎలా వీక్షించాలో సూచనల క్రింద ఇవ్వబడ్డాయి.

గూగుల్ క్రోమ్

నడుస్తున్నది: Chrome OS, Linux, MacOS, Windows

Chrome యొక్క డెస్క్టాప్ సంస్కరణ పేజీ యొక్క సోర్స్ కోడ్ను చూడడానికి మూడు విభిన్న పద్ధతులను అందిస్తుంది, కింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించి మొదటిది మరియు సరళమైనది: CTRL + U (COMMAND + OPTION + U మాకోస్లో).

నొక్కినప్పుడు, ఈ సత్వరమార్గం సక్రియాత్మక పేజీ కోసం HTML మరియు ఇతర కోడ్ను ప్రదర్శించే క్రొత్త బ్రౌజర్ టాబ్ ను తెరుస్తుంది. కంపార్ట్మెంటలైజ్ చేయడానికి సులభమైనది మరియు మీరు వెతుకుతున్న దాన్ని కనుగొనడం ద్వారా ఈ మూలం రంగు-కోడెడ్ మరియు నిర్మాణాత్మకంగా ఉంటుంది. మీరు Chrome యొక్క చిరునామా పట్టీలో క్రింది టెక్స్ట్ను ఎంటర్ చేసి, వెబ్ పేజి యొక్క URL యొక్క ఎడమ వైపుకి అనుబంధించి, మరియు ఎంటర్ కీ: view-source: (అనగా. వీక్షణ మూలం: https: //www.Go-Travels.com).

మూడవ పద్ధతి క్రోమ్ యొక్క డెవలపర్ ఉపకరణాల ద్వారా ఉంది, ఇది మీరు పేజీ యొక్క కోడ్లో ఒక లోతైన డైవ్ తీసుకోవడానికి మరియు పరీక్ష మరియు అభివృద్ధి ప్రయోజనాల కోసం ఫ్లై ఆన్లో సర్దుబాటు చేయడానికి అనుమతిస్తుంది. ఈ కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించడం ద్వారా డెవలపర్ ఉపకరణాల ఇంటర్ఫేస్ను తెరవవచ్చు మరియు మూసివేయవచ్చు: CTRL + SHIFT + I (కమాండ్ + ఆప్షన్ + I మాకోస్లో). మీరు ఈ క్రింది మార్గాన్ని తీసుకొని వాటిని ప్రారంభించవచ్చు.

1. ఎగువ కుడి చేతి మూలన ఉన్న Chrome యొక్క ప్రధాన మెను బటన్ను ఎంచుకోండి మరియు మూడు నిలువుగా-సమలేఖనమైన చుక్కలతో సూచించబడుతుంది.

2. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, మీ మౌస్ కర్సర్ను హోవర్ చేయండి మరిన్ని ఉపకరణాలు ఎంపిక.

3. ఉప మెను కనిపించినప్పుడు, ఎంచుకోండి డెవలపర్ ఉపకరణాలు.

Android

ఆండ్రాయిడ్ కోసం Chrome లో ఒక వెబ్ పేజీ యొక్క మూలాన్ని చూస్తే, కింది టెక్స్ట్ని దాని చిరునామా (లేదా URL) ముందుగా సమర్పించి, దానిని సమర్పించడం చాలా సులభం: view-source:. దీనికి ఒక ఉదాహరణ ఉంటుంది view-source: https: //www.Go-Travels.com . ప్రశ్నలోని పేజీ నుండి HTML మరియు ఇతర కోడ్ తక్షణమే క్రియాశీల విండోలో ప్రదర్శించబడతాయి.

iOS

మీ ఐప్యాడ్, ఐప్యాడ్ లేదా ఐపాడ్ టచ్లో Chrome ను ఉపయోగించి సోర్స్ కోడ్ను చూసే స్థానిక పద్ధతులు లేనప్పటికీ, వీక్షణ మూలాన్ని అనువర్తనం వంటి మూడవ-పక్ష పరిష్కారాన్ని ఉపయోగించడం సరళమైనది మరియు అత్యంత ప్రభావవంతమైనది.

App Store లో $ 0.99 కోసం అందుబాటులో ఉంది, వీక్షణ మూలాన్ని మీరు పేజీ యొక్క URL ను ఎంటర్ చెయ్యమని అడుగుతుంది (లేదా Chrome చిరునామా అడ్రస్ బార్ నుండి కాపీ చేసి, కొన్నిసార్లు ఇది సాధారణ మార్గంగా తీసుకోండి) మరియు అంతే. HTML మరియు ఇతర సోర్స్ కోడ్ను చూపడంతోపాటు, అనువర్తనం వ్యక్తిగత పేజీ ఆస్తులు, డాక్యుమెంట్ ఆబ్జెక్ట్ మోడల్ (DOM), అలాగే పేజీ పరిమాణం, కుకీలు మరియు ఇతర ఆసక్తికరమైన వివరాలను ప్రదర్శించే ట్యాబ్లను కలిగి ఉంటుంది.

మైక్రోసాఫ్ట్ ఎడ్జ్

నడుపుట: విండోస్

ఎడ్జ్ బ్రౌజర్ దాని డెవలపర్ ఉపకరణాలు ఇంటర్ఫేస్ ద్వారా ప్రస్తుత పేజీ యొక్క సోర్స్ కోడ్ను మీరు వీక్షించడానికి, విశ్లేషించడానికి మరియు మానిప్యులేట్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది. ఈ సులభ ఉపకరణపట్టీని యాక్సెస్ చేయడానికి మీరు ఈ కీబోర్డ్ సత్వరమార్గాలలో ఒకదాన్ని ఉపయోగించవచ్చు: F12 లేదా CTRL + U. బదులుగా మౌస్ను మీరు కోరుకుంటే, ఎడ్జ్ యొక్క మెను బటన్ (కుడి ఎగువ మూలలో ఉన్న మూడు చుక్కలు) పై క్లిక్ చేసి, F12 డెవలపర్ ఉపకరణాలు జాబితా నుండి ఎంపిక.

Dev టూల్స్ మొట్టమొదటిసారిగా అమలు అయ్యే తర్వాత, ఎడ్జ్ బ్రౌజర్ యొక్క సందర్భ మెనులో రెండు అదనపు ఎంపికలను జత చేస్తుంది (ఒక వెబ్ పుటలో ఎక్కడైనా కుడి-క్లిక్ చేయడం ద్వారా అందుబాటులో ఉంటుంది): మూలకమును పరిశీలించు మరియు మూలాన్ని చూడండి, ఇది తెరుస్తుంది తరువాతి డీబగ్గర్ సోర్స్ కోడ్తో ఉన్న డెవె టూల్స్ ఇంటర్ఫేస్ యొక్క భాగం.

మొజిల్లా ఫైర్ ఫాక్స్

నడుస్తున్న: Linux, macos, Windows

Firefox యొక్క డెస్క్టాప్ సంస్కరణలో పేజీ యొక్క సోర్స్ కోడ్ను వీక్షించడానికి మీరు నొక్కవచ్చు CTRL + U (COMMAND + U macOS పై), ఇది క్రియాశీల వెబ్ పుటకు HTML మరియు ఇతర కోడ్ ఉన్న క్రొత్త ట్యాబ్ను తెరుస్తుంది.

కింది వచనాన్ని Firefox యొక్క అడ్రస్ బార్లో టైపు చేసి, పేజీ యొక్క URL యొక్క ఎడమకు నేరుగా, అదే సోర్స్ బదులుగా ప్రస్తుత ట్యాబ్లో చూపించడానికి కారణం అవుతుంది: view-source: ( అంటే, వీక్షణ-మూలం: https: //www.dotdash.com ).

పేజీ యొక్క సోర్స్ కోడ్ను ప్రాప్యత చేయడానికి మరొక మార్గం ఫైర్ఫాక్స్ డెవలపర్ ఉపకరణాల ద్వారా, క్రింది దశలను తీసుకోవడం ద్వారా ప్రాప్తి చేయవచ్చు.

1. మీ బ్రౌజర్ విండో ఎగువ కుడి చేతి మూలలో ఉన్న ప్రధాన మెను బటన్ను ఎంచుకోండి మరియు మూడు హారిజాంటల్ పంక్తులు ప్రాతినిధ్యం వహించండి.

2. పాప్-అవుట్ మెను కనిపించినప్పుడు, క్లిక్ చేయండి డెవలపర్ "రెంచ్" ఐకాన్.

3. ఇప్పుడు వెబ్ డెవలపర్ కాంటెక్స్ట్ మెను కనిపించాలి. ఎంచుకోండి పేజీ మూలం ఎంపిక.

ఫైరుఫాక్సు కూడా ఒక పేజీ యొక్క ఒక నిర్దిష్ట భాగానికి సోర్స్ కోడ్ను వీక్షించటానికి అనుమతిస్తుంది, ఇది సమస్యలను వేరుచేసి సులభం చేస్తుంది. అలా చేయుటకు, మొదట మీరు మీ మౌస్తో ఆసక్తి ఉన్న ప్రాంతమును హైలైట్ చేస్తారు. తరువాత, కుడి-క్లిక్ చేసి ఎంచుకోండి ఎంపిక మూలాన్ని వీక్షించండి బ్రౌజర్ యొక్క సందర్భ మెను నుండి.

Android

ఫైర్ఫాక్స్ యొక్క Android సంస్కరణలో సోర్స్ కోడ్ను చూడటం వెబ్ పేజీ యొక్క URL ను కింది వచనంతో పూర్వం చెయ్యడం ద్వారా సాధ్యమవుతుంది: view-source:. ఉదాహరణకు, Dotdash కోసం HTML మూలాన్ని వీక్షించడానికి మీరు బ్రౌజర్ యొక్క చిరునామా పట్టీలో క్రింది టెక్స్ట్ను సమర్పించాలని అనుకుంటారు: view-source: https: //www.dotdash.com .

iOS

మీ ఐప్యాడ్, ఐప్యాడ్ లేదా ఐపాడ్ టచ్లో వెబ్ పేజీ సోర్స్ కోడ్ను చూడడానికి మా సిఫారసు చేయబడిన పధ్ధతి వీక్షణ మూలం అనువర్తనం ద్వారా, App స్టోర్లో $ 0.99 కోసం లభిస్తుంది. ఫైర్ఫాక్స్తో నేరుగా విలీనం కాకపోయినా, HTML మరియు ఇతర పేజీలో అనుబంధిత పేజీతో అనుబంధించబడిన ఇతర కోడ్ను అన్వయించేందుకు బ్రౌజర్ నుండి URL ను సులభంగా కాపీ చేసి పేస్ట్ చెయ్యవచ్చు.

ఆపిల్ సఫారి

IOS మరియు MacOS లో నడుస్తోంది

iOS

IOS కోసం సఫారి డిఫాల్ట్గా పేజీ మూలాన్ని వీక్షించే సామర్థ్యాన్ని కలిగి ఉండకపోయినా, బ్రౌసర్ $ 1.099 కోసం App Store లో అందుబాటులో ఉన్న వీక్షణ సోర్స్ అనువర్తనంతో కాకుండా సజావుగా కలిసిపోతుంది.

ఈ మూడవ-పక్ష అనువర్తనాన్ని సఫారి బ్రౌజర్కు తిరిగి ఇన్స్టాల్ చేసి, ఆపై స్క్రీన్ దిగువ భాగంలో ఉన్న మరియు భాగస్వామ్యం చేసిన బటన్పై నొక్కండి మరియు ఒక చదరపు మరియు పైకి బాణంతో ప్రాతినిధ్యం వహించండి. IOS షీట్ ఇప్పుడు మీ సఫారి విండో దిగువ భాగంలో కప్పివేస్తుంది, కనిపించాలి. కుడివైపుకు స్క్రోల్ చేయండి మరియు ఎంచుకోండి మూలాన్ని చూడండి బటన్.

క్రియాశీల పేజీ యొక్క సోర్స్ కోడ్ యొక్క రంగు-కోడెడ్, నిర్మాణాత్మక ప్రాతినిధ్యం ఇప్పుడు ప్రదర్శించబడాలి, ఇతర టాబ్లతో పాటు మీరు పేజీ ఆస్తులు, స్క్రిప్ట్లు మరియు మరిన్నింటిని వీక్షించడానికి అనుమతించబడతాయి.

MacOS

Safari యొక్క డెస్క్టాప్ వెర్షన్లో పేజీ యొక్క సోర్స్ కోడ్ను వీక్షించడానికి, మీరు మొదట దాని ప్రారంభించాలి అభివృద్ధి మెను. క్రింద ఉన్న దశలను ఈ రహస్య మెనూని సక్రియం చేసి, ఒక పేజీ యొక్క HTML సోర్స్ను ప్రదర్శించడం ద్వారా మీకు నడవడం.

1. ఎంచుకోండి సఫారి బ్రౌజర్ మెనూలో, స్క్రీన్ ఎగువన ఉన్నది.

2. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, ఎంచుకోండి ప్రాధాన్యతలు ఎంపిక.

3. Safari యొక్క ప్రాధాన్యతలు ఇప్పుడు కనిపించాలి. క్లిక్ చేయండి ఆధునిక ఐకాన్, పైన వరుసలో ఉన్న కుడి వైపున ఉన్నది.

4. అధునాతన విభాగం యొక్క దిగువకు లేబుల్ ఎంపిక మెను బార్లో మెనుని సృష్టించండి, ఖాళీ చెక్బాక్స్తో పాటు. ఒక చెక్ మార్క్ ఉంచడానికి ఒకసారి ఈ పెట్టెను ఎంచుకోండి మరియు ఎగువ ఎడమ చేతి మూలలో కనిపించే ఎరుపు 'x' పై క్లిక్ చేయడం ద్వారా ప్రాధాన్యతల విండోను మూసివేయండి.

5. ఎంచుకోండి అభివృద్ధి మెనూ, స్క్రీన్ ఎగువన ఉన్నది.

6. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, ఎంచుకోండి పేజీ మూలాన్ని చూపించు. మీరు బదులుగా క్రింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించవచ్చు: COMMAND + OPTION + U.

Opera

నడుస్తున్న: Linux, macos, Windows

Opera బ్రౌజర్లో సక్రియాత్మక వెబ్ పేజీ నుండి సోర్స్ కోడ్ను వీక్షించడానికి క్రింది కీబోర్డ్ సత్వరమార్గాన్ని ఉపయోగించండి: CTRL + U (COMMAND + OPTION + U మాకోస్లో). మీరు బదులుగా ప్రస్తుత టాబ్లో మూలంని లోడ్ చేయాలనుకుంటే, కింది టెక్స్ట్ని అడ్రస్ బార్లోని పేజీ యొక్క URL యొక్క ఎడమ వైపుకు టైప్ చేయండి మరియు హిట్ చేయండి నమోదు చేయండి: వీక్షణ-మూలం: ( అంటే, వీక్షణ మూలం: https: //www.Go-Travels.com ).

ఒపెరా యొక్క డెస్క్టాప్ వెర్షన్ కూడా మీరు దాని సమీకృత డెవలపర్ ఉపకరణాలను ఉపయోగించడం ద్వారా HTML మూలం, CSS మరియు ఇతర అంశాలను వీక్షించడానికి అనుమతిస్తుంది. ఈ ఇంటర్ఫేస్ను ప్రారంభించేందుకు, మీ డిఫాల్ట్గా మీ ప్రధాన బ్రౌజర్ విండో కుడి వైపున కనిపిస్తుంది, కింది కీబోర్డ్ సత్వరమార్గాన్ని నొక్కండి: CTRL + SHIFT + I (కమాండ్ + ఆప్షన్ + I మాకోస్లో).

కింది దశలను తీసుకొని ఒపెరా యొక్క డెవలపర్ టూల్సెట్ కూడా అందుబాటులో ఉంది.

1. మీ బ్రౌజర్ విండో ఎగువ ఎడమ చేతి మూలలో ఉన్న Opera లోగోని ఎంచుకోండి.

2. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, మీ మౌస్ కర్సర్ను హోవర్ చేయండి మరిన్ని ఉపకరణాలు ఎంపిక.

3. నొక్కండి డెవలపర్ మెనుని చూపు.

4. మళ్లీ Opera లోగోని ఎంచుకోండి.

5. డ్రాప్-డౌన్ మెను కనిపించినప్పుడు, మీ కర్సర్ను హోవర్ చేయండి డెవలపర్.

6. ఉప మెను కనిపించినప్పుడు, ఎంచుకోండి డెవలపర్ ఉపకరణాలు.

వివాల్డి

వివాల్డి బ్రౌజర్లో పేజీ మూలాన్ని వీక్షించేందుకు పలు మార్గాలు ఉన్నాయి. సరళమైనది ద్వారా ఉంది CTRL + U కీబోర్డ్ సత్వరమార్గం, ఇది క్రొత్త ట్యాబ్లో సక్రియ పేజీ నుండి కోడ్ను అందిస్తుంది.

మీరు ప్రస్తుత ట్యాబ్లో సోర్స్ కోడ్ను ప్రదర్శించే పేజీ URL యొక్క ముందు కింది వచనాన్ని జోడించవచ్చు: view-source:. దీనికి ఒక ఉదాహరణ ఉంటుంది view-source: http: //www.dotdash.com .

మరో పద్ధతిలో బ్రౌజర్ యొక్క ఇంటిగ్రేటెడ్ డెవలపర్ టూల్స్ ద్వారా, నొక్కడం ద్వారా ప్రాప్తి చేయవచ్చు CTRL + SHIFT + I కలయిక లేదా ద్వారా డెవలపర్ ఉపకరణాలు బ్రౌజర్ యొక్క ఎంపిక పరికరములు మెను - ఎంచుకోవడం ద్వారా దొరకలేదు V ఎగువ ఎడమ చేతి మూలలో ఉన్న లోగో. Dev టూల్స్ ఉపయోగించి పేజీ యొక్క మూలం యొక్క మరింత లోతైన విశ్లేషణకు అనుమతిస్తుంది.