What are the components of a URL?

A full URL has these components: scheme (https://), authority (user:password@host:port), path (/path/to/page), query (?key=value&key2=value2), and fragment (#section). Example: https://user:pass@example.com:8080/api/v1/users?sort=name&page=2#results. The scheme and host are required; all others are optional. In browsers, the fragment (#) is never sent to the server — it is processed client-side only.

What is the difference between a URL, URI, and URN?

A URI (Uniform Resource Identifier) is the broadest term — any string that identifies a resource. A URL (Uniform Resource Locator) is a URI that includes the location/protocol to retrieve the resource (https://, ftp://, mailto:). A URN (Uniform Resource Name) identifies a resource by name without location, e.g. urn:isbn:0451450523. In practice, 'URL' is used colloquially to mean any web address, and the distinction between URL and URI rarely matters for web development.

What is the difference between URL encoding and URL parsing?

URL parsing splits a URL into its structural components (scheme, host, path, query, fragment). URL encoding (percent-encoding) converts special characters in URL components to %XX format — e.g. spaces become %20, & becomes %26 when it appears in a value rather than as a parameter separator. They work together: parse first to identify components, then decode each component's percent-encoding to get the actual values. In JavaScript, use new URL(str) to parse and URLSearchParams to decode query parameters.

How do I parse a URL in JavaScript?

Use the built-in URL API: const url = new URL('https://example.com/path?key=value#hash'). Properties: url.protocol ('https:'), url.hostname ('example.com'), url.port (''), url.pathname ('/path'), url.search ('?key=value'), url.hash ('#hash'), url.searchParams.get('key') ('value'). The URL constructor throws for invalid URLs. For relative URLs, provide a base: new URL('/path', 'https://example.com'). Available in all modern browsers and Node.js 10+.

URL पार्सर

नमुना URL

पार्स केलेला URL

वैध URL

पूर्ण URL:

https://example.com/path/to/page?param1=value1&param2=value%202#section

URL घटक

प्रोटोकॉल:

https

होस्टनेम:example.com

पाथ:/path/to/page

हॅश:#section

मूळ:https://example.com

क्वेरी पॅरामीटर्स

की:param1

मूल्य:value1

की:param2

मूल्य:value 2

URL इनपुट

Loading editor...

तांत्रिक तपशील

URL पार्सर कसा काम करतो

हे टूल काय करते

URL पार्सर URL चे घटक भागांमध्ये विभाजन करतो, ज्यामुळे URL संरचना समजून घेणे आणि डीबग करणे सोपे होते. हे साधन URL पार्स करते आणि प्रोटोकॉल, होस्टनेम, पोर्ट, पाथनेम, क्वेरी पॅरामीटर्स, हॅश आणि इतर घटक सुव्यवस्थित स्वरूपात दाखवते. जेव्हा तुम्हाला ऑनलाइन URL पार्स करायचा असतो, तेव्हा हे साधन सर्व URL घटक अचूकपणे काढण्यासाठी ब्राउझरच्या नेटिव्ह URL API चा वापर करते. हे साधन URL-एन्कोड केलेले क्वेरी पॅरामीटर्सही डिकोड करते आणि एन्कोड केलेली तसेच डिकोड केलेली दोन्ही मूल्ये दाखवते. त्यामुळे URL डीबग करणे, क्वेरी स्ट्रिंगची रचना समजून घेणे आणि URL फॉरमॅटिंगची पडताळणी करणे सोपे होते. URL पार्सरमुळे डेव्हलपर्सना URL तयार करण्यातल्या समस्या पटकन ओळखता येतात, URL घटकांची पडताळणी करता येते आणि अनेक क्वेरी पॅरामीटर्स असलेले गुंतागुंतीचे URL समजून घेता येतात.

डेव्हलपरसाठी सामान्य वापर प्रकरणे

डेव्हलपर्स API एंडपॉइंट्स डीबग करताना, वेब रिक्वेस्ट्सचे विश्लेषण करताना किंवा लॉग्समधील URL संरचना समजून घेताना URL पार्सर्स वापरतात. URL मधून क्वेरी पॅरामीटर्स काढणे, URL एन्कोडिंगची पडताळणी करणे किंवा URL योग्यरीत्या फॉरमॅट झाले आहेत का हे तपासणे यासाठी हे साधन उपयुक्त आहे. अनेक डेव्हलपर्स REST APIs, OAuth रीडायरेक्ट्स किंवा URL पॅरामीटर्सद्वारे डेटा पाठवणाऱ्या वेबहूक्ससोबत काम करताना URL पार्सर्स वापरतात. URL-संबंधित बग्सचे ट्रबलशूटिंग, कोडमध्ये URL बांधणीची पडताळणी किंवा अनेक क्वेरी पॅरामीटर्स असलेले गुंतागुंतीचे URL समजून घेण्यासाठी हे साधन मदत करते. वेब ट्रॅफिकचे विश्लेषण, राऊटिंग समस्यांचे डीबगिंग किंवा प्रोसेसिंगसाठी URL मधून विशिष्ट घटक काढणे यासाठीही URL पार्सर्स उपयुक्त आहेत. URL क्वेरी स्ट्रिंग्ससोबत काम करताना, हे साधन सर्व पॅरामीटर्स एकाच नजरेत पाहणे सोपे करते—त्यात एन्कोड केलेली आणि डिकोड केलेली दोन्ही मूल्ये समाविष्ट असतात.

डेटा फॉरमॅट्स, प्रकार किंवा व्हेरिएंट्स

हा URL पार्सर HTTP, HTTPS आणि इतर प्रोटोकॉल्ससह मानक URL फॉरमॅट्सना सपोर्ट करतो. तो प्रोटोकॉल असलेले किंवा नसलेले URL हाताळतो (नसल्यास आपोआप https:// जोडतो), ऑथेंटिकेशन क्रेडेन्शियल्स असलेले URL (username:password@host), पोर्ट्स असलेले URL, क्वेरी स्ट्रिंग्स आणि हॅश फ्रॅगमेंट्स. हे साधन क्वेरी पॅरामीटर्स पार्स करून टेबल स्वरूपात दाखवते, ज्यात कच्ची एन्कोड केलेली मूल्ये आणि डिकोड केलेली मूल्ये दोन्ही दिसतात. उदाहरणार्थ, असा URL:

https://example.com/path?name=John%20Doe&age=30&city=New%20York#section

पार्स केल्यावर प्रोटोकॉल (https), होस्टनेम (example.com), पाथ (/path), क्वेरी पॅरामीटर्स (name=John Doe, age=30, city=New York) आणि हॅश (#section) दाखवले जातील. हे साधन URL एन्कोडिंग आणि डिकोडिंग आपोआप हाताळते, त्यामुळे एन्कोड केलेल्या पॅरामीटर्सची प्रत्यक्ष मूल्ये पाहणे सोपे होते.

सामान्य चुका आणि एज केसेस

एक सामान्य समस्या म्हणजे प्रोटोकॉल नसलेले URL—हे साधन आपोआप https:// जोडण्याचा प्रयत्न करेल, पण ते नेहमीच योग्य असेल असे नाही. क्वेरी पॅरामीटर्समध्ये विशेष अक्षरे असलेल्या URL मध्ये योग्य एन्कोडिंग असणे आवश्यक आहे, आणि एन्कोडिंग समस्यांची ओळख पटवण्यासाठी हे साधन एन्कोड केलेली व डिकोड केलेली दोन्ही मूल्ये दाखवते. ऑथेंटिकेशन क्रेडेन्शियल्स (username:password) असलेले URL काळजीपूर्वक हाताळावेत कारण पासवर्ड दाखवला जातो (UI मध्ये तो मास्क केला असला तरी). बेस URL संदर्भाशिवाय रिलेटिव्ह URL योग्यरीत्या पार्स होऊ शकत नाहीत. एकाच कीसह अनेक क्वेरी पॅरामीटर्स असलेले URL URL API द्वारे हाताळले जातात, पण काही वापर प्रकरणांमध्ये विशेष हाताळणीची गरज असू शकते. इंटरनॅशनलाइझ्ड डोमेन नेम्स (IDN) आणि non-ASCII अक्षरे असलेले URL यांना विशेष एन्कोडिंगची गरज लागू शकते. हे साधन ब्राउझरच्या नेटिव्ह URL पार्सरचा वापर करते, जो मानक URL पार्सिंग नियमांचे पालन करतो; पण चुकीच्या स्वरूपातील URL किंवा असामान्य अक्षरे असलेल्या URL सारख्या एज केसेसमध्ये अपेक्षेप्रमाणे पार्सिंग होईलच असे नाही.

कोडच्या तुलनेत हे टूल कधी वापरावे

जलद डीबगिंग, एकदाच करायचे URL विश्लेषण, किंवा तुमच्या डेव्हलपमेंट वातावरणाबाहेर काम करताना हा URL पार्सर वापरा. लॉग्स, API प्रतिसाद किंवा ब्राउझरच्या नेटवर्क टॅबमध्ये सापडलेले URL पार्स करण्यासाठी तो आदर्श आहे. URL घटकांचे दृश्य विभाजन गुंतागुंतीचे URL एकाच नजरेत समजणे सोपे करते. प्रॉडक्शन कोडसाठी, तुमच्या अॅप्लिकेशनमध्ये एकत्रित केलेल्या URL पार्सिंग लायब्ररी वापरा, ज्या डेटा प्रोसेसिंग पाइपलाइन्सचा भाग म्हणून URL पार्स करू शकतात. URL पार्सिंग लायब्ररी सहसा अधिक तपशीलवार एरर हँडलिंग देतात आणि एज केसेस अधिक सहजपणे हाताळतात. ब्राउझर टूल्स अॅड-हॉक पार्सिंग आणि डीबगिंगमध्ये उत्कृष्ट असतात, तर कोड-आधारित सोल्यूशन्स ऑटोमेशन, CI/CD पाइपलाइन्ससोबत एकत्रीकरण, आणि मोठ्या प्रमाणावर URL बॅचेस कार्यक्षमतेने पार्स करण्याची क्षमता देतात.