Google Chromeలో HTML మూలాన్ని ఎలా వీక్షించాలి

ఏమి తెలుసుకోవాలి

• వెబ్ పేజీపై కుడి-క్లిక్ చేసి ఎంచుకోండి పుట మూలాన్ని చూడండి .
• సత్వరమార్గం: నొక్కండి Ctrl + IN (Windows PC) లేదా ఆదేశం + ఎంపిక + IN (Mac).
• Chrome డెవలపర్ సాధనాలను ఉపయోగించడానికి, ఎంచుకోండి మెను (మూడు చుక్కలు) > మరిన్ని సాధనాలు > డెవలపర్ ఉపకరణాలు .

Google Chrome వెబ్ బ్రౌజర్‌లో వెబ్‌సైట్ యొక్క HTML సోర్స్ కోడ్‌ని ఎలా యాక్సెస్ చేయాలో, అలాగే Chrome డెవలపర్ టూల్స్‌ను యాక్సెస్ చేయడం మరియు ఉపయోగించడం ఎలాగో ఈ కథనం వివరిస్తుంది. సైట్ యొక్క సోర్స్ కోడ్‌ని వీక్షించడం ప్రారంభకులకు HTML నేర్చుకోవడానికి ఒక అద్భుతమైన మార్గం.

Chromeలో సోర్స్ కోడ్‌ని వీక్షించండి

కాబట్టి మీరు వెబ్‌సైట్ యొక్క సోర్స్ కోడ్‌ను ఎలా చూస్తారు? Google Chrome బ్రౌజర్‌ని ఉపయోగించి అలా చేయడానికి దశల వారీ సూచనలు ఇక్కడ ఉన్నాయి.

1. తెరవండి Google Chrome వెబ్ బ్రౌజర్ (మీకు లేకుంటే Google Chrome ఇన్‌స్టాల్ చేయబడింది , ఇది ఉచిత డౌన్‌లోడ్).

2. కు నావిగేట్ చేయండి మీరు పరిశీలించాలనుకుంటున్న వెబ్ పేజీ .

3. కుడి-క్లిక్ చేయండి పేజీ మరియు కనిపించే మెనుని చూడండి. ఆ మెను నుండి, క్లిక్ చేయండి పుట మూలాన్ని చూడండి .

   

4. ఆ పేజీకి సంబంధించిన సోర్స్ కోడ్ ఇప్పుడు బ్రౌజర్‌లో కొత్త ట్యాబ్‌గా కనిపిస్తుంది.

5. ప్రత్యామ్నాయంగా, మీరు కీబోర్డ్ సత్వరమార్గాలను కూడా ఉపయోగించవచ్చు Ctrl + IN ప్రదర్శించబడే సైట్ యొక్క సోర్స్ కోడ్‌తో విండోను తెరవడానికి PCలో. Macలో, ఈ సత్వరమార్గం ఆదేశం + ఎంపిక + IN .

హిల్లరీ అల్లిసన్ / లైఫ్‌వైర్

విండోస్ 10 మెను ప్రారంభించడానికి ఫోల్డర్‌ను జోడించండి

Chrome డెవలపర్ సాధనాలను ఉపయోగించండి

సాధారణ పాటుపుట మూలాన్ని చూడండిGoogle Chrome అందించే సామర్థ్యం, ​​మీరు వారి అద్భుతమైన ప్రయోజనాన్ని కూడా పొందవచ్చు డెవలపర్ ఉపకరణాలు సైట్‌లో మరింత లోతుగా త్రవ్వడానికి. ఈ సాధనాలు మిమ్మల్ని HTMLని మాత్రమే కాకుండా, ఆ HTML డాక్యుమెంట్‌లోని ఎలిమెంట్‌లను వీక్షించడానికి వర్తించే CSSని కూడా అనుమతిస్తుంది.

Chrome డెవలపర్ సాధనాలను ఉపయోగించడానికి:

1. తెరవండి గూగుల్ క్రోమ్ .

2. నావిగేట్ చేయండి మీరు పరిశీలించాలనుకుంటున్న వెబ్ పేజీ .

3. ఎంచుకోండి మూడు-చుక్కల మెను బ్రౌజర్ విండో ఎగువ-కుడి మూలలో.

4. మెను నుండి, హోవర్ చేయండి మరిన్ని సాధనాలు ఆపై ఎంచుకోండి డెవలపర్ ఉపకరణాలు కనిపించే మెనులో.

   

5. పేన్ యొక్క ఎడమ వైపున HTML సోర్స్ కోడ్ మరియు కుడి వైపున సంబంధిత CSSని చూపే విండో తెరవబడుతుంది.

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

   lol లో పేరు మార్చడం ఎలా

సోర్స్ కోడ్ వీక్షించడం చట్టబద్ధమైనదా?

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

మేము ఈ కథనం ప్రారంభంలో పేర్కొన్నట్లుగా, సైట్ యొక్క మూలాన్ని వీక్షించడం ద్వారా ఏదైనా నేర్చుకోని పని చేసే వెబ్ ప్రొఫెషనల్‌ని కనుగొనడానికి మీరు చాలా కష్టపడతారు! అవును, సైట్ యొక్క సోర్స్ కోడ్‌ని చూడటం చట్టబద్ధం. ఇలాంటి వాటిని నిర్మించడానికి ఆ కోడ్‌ను వనరుగా ఉపయోగించడం కూడా సురక్షితం. కోడ్‌ని యథాతథంగా తీసుకోవడం మరియు మీ పనిగా దాన్ని పాస్ చేయడం వలన మీరు సమస్యలను ఎదుర్కొంటారు.

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

కేవలం HTML కంటే ఎక్కువ

గుర్తుంచుకోవలసిన విషయం ఏమిటంటే, సోర్స్ ఫైల్‌లు చాలా క్లిష్టంగా ఉంటాయి (మరియు మీరు వీక్షిస్తున్న వెబ్‌సైట్ ఎంత క్లిష్టంగా ఉంటే, ఆ సైట్ కోడ్ అంత క్లిష్టంగా ఉంటుంది). పేజీని రూపొందించే HTML నిర్మాణంతో పాటు, ఆ సైట్ యొక్క దృశ్య రూపాన్ని నిర్దేశించే CSS (క్యాస్కేడింగ్ స్టైల్ షీట్‌లు) కూడా ఉంటుంది. అదనంగా, నేడు అనేక వెబ్‌సైట్‌లు HTMLతో పాటు చేర్చబడిన స్క్రిప్ట్ ఫైల్‌లను కలిగి ఉంటాయి.

gmail లో చదవని ఇమెయిల్‌లను ఎలా కనుగొనాలి

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

• నేను Chromeలో HTML కోడ్‌ని ఎలా ఎడిట్ చేయాలి?

  నొక్కడం ద్వారా Chromeలో డెవలపర్ సాధనాలను తెరవండి Ctrl (లేదా ఆదేశం Mac లో) + షిఫ్ట్ + ఐ . అక్కడ నుండి, నొక్కండి Ctrl ( ఆదేశం Macలో) + ఓ మరియు దాన్ని తెరవడానికి మీరు సవరించాలనుకుంటున్న సేవ్ చేయబడిన సోర్స్ ఫైల్‌ను ఎంచుకోండి.

• వీక్షణ మూలం నిలిపివేయబడితే నేను Chromeలో పేజీ సోర్స్ కోడ్‌ని ఎలా చూడాలి?

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

• నా Android పరికరాన్ని ఉపయోగించి Chromeలో సైట్ యొక్క సోర్స్ కోడ్‌ని ఎలా వీక్షించాలి?

  మీ పరికరం యొక్క Chrome యాప్‌ని ఉపయోగించి మీరు చూడాలనుకుంటున్న వెబ్‌సైట్‌కి నావిగేట్ చేయండి, ఆపై బ్రౌజర్ చిరునామా బార్‌ను ఎంచుకోండి. టెక్స్ట్ కర్సర్‌ను URL ముందు ఎడమవైపుకి తరలించి టైప్ చేయండి వీక్షణ-మూలం , ఆపై నొక్కండి నమోదు చేయండి లేదా ఎంచుకోండి వెళ్ళండి .