§

URL

§

URL భాగాలు

పూర్తి URL (href)
ప్రొటోకాల్
వినియోగదారు పేరు
పాస్‌వర్డ్
హోస్ట్
హోస్ట్‌నేమ్
పోర్ట్
పాత్‌నేమ్
సెర్చ్ (రా)
హాష్ (ఫ్రాగ్మెంట్)
ఒరిజిన్
§

Query పరామితులు

కీ విలువ (రా) డీకోడ్ చేసిన విలువ

ఈ URLలో query పరామితులు లేవు

హైదరాబాద్ మరియు బెంగళూరు డిజిటల్ మార్కెటింగ్ టీమ్‌లు క్యాంపెయిన్ ట్రాకింగ్ ఆడిట్ చేసేటప్పుడు URL పార్సింగ్‌పై ఆధారపడతాయి — utm_source, utm_medium, gclid, మరియు fbclid పరామితులు. ఇంజినీర్లు Salesforce, HubSpot, లేదా Razorpay రీడైరెక్ట్ చెయిన్లు ట్రబుల్‌షూట్ చేస్తున్నప్పుడు ఏ ప్లాట్‌ఫారమ్ ఏ టోకెన్ జోడించిందో చూడటానికి search కాంపోనెంట్ విభజిస్తారు. ఈ ఇన్-బ్రౌజర్ పార్సర్ నేటివ్ WHATWG URL స్టాండర్డ్ ఉపయోగిస్తుంది, కాబట్టి ఇక్కడ కనిపించేది fetch కాల్, Node స్క్రిప్ట్, లేదా Lambda ఫంక్షన్ చూసేదానితో సరిపోతుంది.

URL పార్సింగ్ ఎలా పనిచేస్తుంది

పార్సర్ WHATWG URL స్టాండర్డ్‌పై నడుస్తుంది, ఏ href కోసం అయినా బ్రౌజర్ ఉపయోగించే అదే అల్గారిథమ్. మేము స్ట్రింగ్‌ను నేటివ్ URL కన్‌స్ట్రక్టర్‌కు ఇస్తాము మరియు ప్రతి కాంపోనెంట్‌ను ఒక ప్రాపర్టీగా తిరిగి చదువుతాము.

  1. ఇన్‌పుట్ వాలిడేట్ చేయండి. ఖాళీ స్ట్రింగ్ ఖాళీ-ఇన్‌పుట్ నోటీసు చూపిస్తుంది. లేకుంటే మేము new URL(text) కి టెక్స్ట్ పంపిస్తాము; TypeError అంటే స్ట్రింగ్ చెల్లుబాటు అయ్యే absolute URL కాదు.
  2. స్ట్రక్చరల్ కాంపోనెంట్లు చదవండి. మేము URL ఆబ్జెక్ట్ నుండి protocol, username, password, host, hostname, port, pathname, search, hash, మరియు origin చదువుతాము. ప్రతిదీ తన సొంత రోలో ఉంటుంది, తద్వారా మీరు దాన్ని వేరుగా కాపీ చేయవచ్చు.
  3. Query string నడవండి. మేము url.searchParams.entries() ఇటరేట్ చేసి ప్రతి కీకి ఒక టేబుల్ రో రెండర్ చేస్తాము. రా విలువ decodeURIComponent(value) పక్కన కూర్చుంటుంది, తద్వారా పర్సెంట్-ఎన్‌కోడ్ చేసిన పేలోడ్‌లు (స్పేస్‌లు, ప్లస్ చిహ్నాలు, Unicode) సాదా ఇంగ్లీష్‌లో చదవబడతాయి.
  4. అవసరమైనప్పుడు పునర్నిర్మించండి. ఏ సెల్ అయినా ఎడిట్ చేయండి, రో తొలగించండి, లేదా కొత్త పరామితి జోడించండి, ఆపై URL నిర్మించు క్లిక్ చేయండి. టూల్ మీ ఎడిట్‌ల నుండి తాజా URL ఆబ్జెక్ట్ పునర్నిర్మించి ఫలితాన్ని ఇన్‌పుట్ బాక్స్‌కు తిరిగి రాస్తుంది.
  5. లైవ్ మోడ్. లైవ్ మోడ్ టోగుల్ చేయండి మరియు ప్రతి కీస్ట్రోక్ 150 ms డెబౌన్స్‌తో URL మళ్ళీ పార్స్ చేస్తుంది. మీరు లాగ్ నుండి ఫ్రాగ్మెంట్‌లు పేస్ట్ చేస్తున్నప్పుడు మరియు తక్షణ అభిప్రాయం కోరుకున్నప్పుడు ఉపయోగకరం.

మీ బ్రౌజర్‌లో URL పార్స్ ఎందుకు చేయాలి

  • ఏదీ ట్యాబ్ వదిలి వెళ్ళదు. URLలు టోకెన్‌లు, సెషన్ IDs, OAuth state, మరియు మీరు మూడవ పక్ష సేవ దగ్గర ఉంచాలనుకోని సైన్ చేసిన query పరామితులు కలిగి ఉంటాయి. ఈ పార్సర్ మీ బ్రౌజర్ ఇప్పటికే స్థానికంగా నడిపే అదే URL అల్గారిథమ్ ఉపయోగిస్తుంది — అప్‌లోడ్ లేదు, నెట్‌వర్క్ కాల్ లేదు.
  • మీ కోడ్ చూసేదానికి సరిపోతుంది. Node.js, Deno, ఆధునిక బ్రౌజర్లు, మరియు Cloudflare Workers అన్నీ WHATWG URL ఇంప్లిమెంటేషన్ వస్తాయి. ఇక్కడ URL తనిఖీ చేయడం ప్రొడక్షన్‌లో new URL(input) కాల్ ఇచ్చే అదే కాంపోనెంట్ స్ప్లిట్ ఇస్తుంది.
  • మానవులు చేసే విధంగా query strings చదువుతుంది. రా మరియు డీకోడ్ చేసిన విలువలు పక్కపక్కన కూర్చుంటాయి, కాబట్టి q=hello%20world జంట వైర్ బైట్‌లు మరియు చదవగలిగే hello world రెండూ ఒక్క చూపులో చూపిస్తుంది. మానసిక URL-డీకోడింగ్ అవసరం లేదు.
  • రౌండ్-ట్రిప్ ఎడిటింగ్. ట్రాకింగ్ పరామితి వేయండి, పాత్‌లో టైపో సరిదిద్దండి, పోర్ట్ మార్చండి — మరియు URL పునర్నిర్మించండి. అవుట్‌పుట్ URL కన్‌స్ట్రక్టర్ గుండా మళ్ళీ వెళ్తుంది, కాబట్టి మీరు కాపీ చేయడానికి ముందు చెల్లుబాటు కానిది కనిపిస్తుంది.

సాధారణ అప్లికేషన్లు

URL రోజువారీ డెవలపర్, సెక్యూరిటీ, మరియు అనలిటిక్స్ పనిలో కేవలం ఒక లింక్ కంటే ఎక్కువగా ఉన్నప్పుడు URL పార్సింగ్ కనిపిస్తుంది.

  • API ఎండ్‌పాయింట్లు డీబగ్గింగ్ చేయడం: curl లేదా Postman రిక్వెస్ట్ పంపే ముందు బేస్ URL, పాత్, మరియు query పరామితులు నిర్ధారించండి.
  • ట్రాకింగ్-పరామితి ఆడిట్లు: లాండింగ్-పేజీ URL పై ప్రతి UTM, gclid, fbclid, లేదా campaign కీ జాబితా చేయండి మరియు ఏదాన్ని ఉంచాలో నిర్ణయించండి.
  • అఫిలియేట్ మరియు పార్ట్‌నర్ లింక్‌లు వాలిడేట్ చేయడం: డీప్‌లింక్ పేస్ట్ చేయండి, పబ్లిష్ చేయడానికి ముందు డెస్టినేషన్ హోస్ట్ మరియు ఎంబెడ్ రీడైరెక్ట్ టార్గెట్ నిర్ధారించండి.

పని చేసిన ఉదాహరణ

ఇన్‌పుట్‌లో https://example.com/search?q=hello%20world&lang=en పేస్ట్ చేయండి. Protocol https: చదువుతుంది, hostname example.com చదువుతుంది, pathname /search చదువుతుంది, మరియు search ?q=hello%20world&lang=en చదువుతుంది. Query టేబుల్ రెండు రోలు చూపిస్తుంది: రా విలువ hello%20world మరియు డీకోడ్ చేసిన విలువ hello world తో q, ఆపై రా మరియు డీకోడ్ చేసిన విలువలు రెండూ en తో lang. lang రో పై తొలగించు క్లిక్ చేయండి, ఆపై URL నిర్మించు — ఇన్‌పుట్ https://example.com/search?q=hello%20world కి అప్‌డేట్ అవుతుంది.

FAQ

URL పార్సర్ అంటే ఏమిటి?

URL పార్సర్ URL స్ట్రింగ్ తీసుకుని దాన్ని పేరున్న కాంపోనెంట్లుగా విభజిస్తుంది: protocol (https), userinfo (username, password), host (hostname మరియు ఐచ్ఛిక port), path, query string, మరియు fragment. ఇది ప్రతి query పరామితి కూడా డీకోడ్ చేస్తుంది, తద్వారా పర్సెంట్-ఎన్‌కోడ్ చేసిన విలువలు (స్పేస్ కోసం %20 వంటివి) చదవగలిగేలా ఉంటాయి. ఇక్కడ పార్సర్ WHATWG URL స్టాండర్డ్ ఉపయోగిస్తుంది, మీ బ్రౌజర్ పేజీ లోడ్ చేయడానికి ఉపయోగించే అదే.

host మరియు hostname మధ్య తేడా ఏమిటి?

Hostname కేవలం డొమెయిన్ (లేదా IP address) — example.com:8080 కోసం hostname example.com. Host అనేది hostname మరియు డిఫాల్ట్ కాని port ఉన్నప్పుడు port — కాబట్టి అదే URL యొక్క host example.com:8080. డిఫాల్ట్ ports లో URLల కోసం (https కోసం 443, http కోసం 80) host మరియు hostname ఒకటే.

డీకోడింగ్ స్వయంచాలకంగా జరుగుతుందా?

స్ట్రక్చరల్ కాంపోనెంట్లు (protocol, hostname, port, pathname) అదనపు డీకోడింగ్ లేకుండా URL ఆబ్జెక్ట్ నుండి నేరుగా చదవబడతాయి — URL కన్‌స్ట్రక్టర్ ఇప్పటికే వాటిని నార్మలైజ్ చేస్తుంది. Query విలువలు రెండుసార్లు చూపబడతాయి: search లో కనిపించే రా పర్సెంట్-ఎన్‌కోడ్ చేసిన స్ట్రింగ్, మరియు decodeURIComponent ద్వారా తయారైన డీకోడ్ చేసిన విలువ.

నేను URL ఎడిట్ చేసి పునర్నిర్మించగలనా?

అవును. ప్రతి parts సెల్ మరియు ప్రతి query-parameter సెల్ ఎడిట్ చేయగలిగేది. జోడించు మరియు తొలగించు బటన్లతో query రోలు జోడించండి లేదా తొలగించండి, ఆపై భాగాల నుండి URL నిర్మించు క్లిక్ చేయండి. టూల్ మీ ఎడిట్‌లను URL కన్‌స్ట్రక్టర్ ద్వారా తిరిగి నడుపుతుంది మరియు ఫలితాన్ని ఇన్‌పుట్‌కు రాస్తుంది.

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