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 Parser कैसे काम करता है

यह टूल क्या करता है

URL पार्सर URLs को उनके घटक भागों में विभाजित करता है, जिससे URL संरचनाओं को समझना और डिबग करना आसान हो जाता है। यह टूल URLs को पार्स करता है और प्रोटोकॉल, होस्टनेम, पोर्ट, पाथनेम, क्वेरी पैरामीटर, हैश और अन्य घटकों को व्यवस्थित प्रारूप में दिखाता है। जब आपको ऑनलाइन URL पार्स करना हो, तो यह टूल सभी URL घटकों को सटीक रूप से निकालने के लिए ब्राउज़र के मूल URL API का उपयोग करता है। यह टूल URL-एन्कोडेड क्वेरी पैरामीटर को डिकोड भी करता है और एन्कोडेड तथा डिकोडेड—दोनों मान दिखाता है। इससे URLs को डिबग करना, क्वेरी स्ट्रिंग संरचनाओं को समझना और URL फ़ॉर्मैटिंग सत्यापित करना आसान हो जाता है। URL पार्सर डेवलपर्स को URL निर्माण में समस्याएँ जल्दी पहचानने, URL घटकों को वैलिडेट करने और कई क्वेरी पैरामीटर वाले जटिल URLs को समझने में मदद करता है।

डेवलपर्स के सामान्य उपयोग मामले

डेवलपर्स URL पार्सर का उपयोग API एंडपॉइंट्स डिबग करते समय, वेब रिक्वेस्ट का विश्लेषण करते समय, या लॉग्स में URL संरचनाओं को समझने के लिए करते हैं। यह टूल URLs से क्वेरी पैरामीटर निकालने, URL एन्कोडिंग सत्यापित करने, या यह जाँचने के लिए उपयोगी है कि URLs सही ढंग से फ़ॉर्मैट किए गए हैं या नहीं। कई डेवलपर्स REST APIs, OAuth रीडायरेक्ट्स, या वेबहुक्स के साथ काम करते समय URL पार्सर का उपयोग करते हैं जो URL पैरामीटर के माध्यम से डेटा पास करते हैं। यह टूल URL-संबंधित बग्स का ट्रबलशूटिंग करने, कोड में URL निर्माण को वैलिडेट करने, या कई क्वेरी पैरामीटर वाले जटिल URLs को समझने में मदद करता है। URL पार्सर वेब ट्रैफ़िक का विश्लेषण करने, रूटिंग समस्याएँ डिबग करने, या प्रोसेसिंग के लिए URLs से विशिष्ट घटक निकालने में भी उपयोगी हैं। URL क्वेरी स्ट्रिंग्स के साथ काम करते समय, यह टूल सभी पैरामीटर एक नज़र में देखना आसान बनाता है—उनके एन्कोडेड और डिकोडेड मानों सहित।

डेटा फ़ॉर्मैट्स, टाइप्स, या वैरिएंट्स

यह URL पार्सर HTTP, HTTPS और अन्य प्रोटोकॉल सहित मानक URL फ़ॉर्मैट्स का समर्थन करता है। यह प्रोटोकॉल के साथ या बिना URLs को संभालता है (यदि गायब हो तो स्वचालित रूप से https:// जोड़ता है), ऑथेंटिकेशन क्रेडेंशियल्स (username:password@host) वाले URLs, पोर्ट्स वाले URLs, क्वेरी स्ट्रिंग्स और हैश फ्रैगमेंट्स। यह टूल क्वेरी पैरामीटर को पार्स करता है और उन्हें टेबल फ़ॉर्मैट में दिखाता है, जिसमें कच्चे एन्कोडेड मान और डिकोडेड मान—दोनों शामिल होते हैं। उदाहरण के लिए, इस तरह का 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 एन्कोडिंग और डिकोडिंग को स्वचालित रूप से संभालता है, जिससे एन्कोडेड पैरामीटर के वास्तविक मान देखना आसान हो जाता है।

सामान्य समस्याएँ और किनारी मामले

एक सामान्य समस्या प्रोटोकॉल के बिना URLs है—टूल स्वचालित रूप से https:// जोड़ने की कोशिश करेगा, लेकिन यह हमेशा सही नहीं हो सकता। क्वेरी पैरामीटर में विशेष अक्षरों वाले URLs को सही ढंग से एन्कोड किया जाना चाहिए, और टूल एन्कोडिंग समस्याएँ पहचानने में मदद के लिए एन्कोडेड और डिकोडेड—दोनों मान दिखाएगा। ऑथेंटिकेशन क्रेडेंशियल्स (username:password) वाले URLs को सावधानी से संभालना चाहिए क्योंकि पासवर्ड प्रदर्शित होते हैं (हालाँकि UI में मास्क किए जाते हैं)। रिलेटिव URLs बेस URL संदर्भ के बिना सही ढंग से पार्स नहीं हो सकते। एक ही key के साथ कई क्वेरी पैरामीटर वाले URLs को URL API संभालता है, लेकिन कुछ उपयोग मामलों में विशेष हैंडलिंग की आवश्यकता हो सकती है। इंटरनेशनलाइज़्ड डोमेन नेम्स (IDN) और non-ASCII अक्षरों वाले URLs के लिए विशेष एन्कोडिंग की आवश्यकता हो सकती है। यह टूल ब्राउज़र के मूल URL पार्सर का उपयोग करता है, जो मानक URL पार्सिंग नियमों का पालन करता है, लेकिन malformed URLs या असामान्य अक्षरों वाले URLs जैसे edge cases अपेक्षा के अनुसार पार्स नहीं हो सकते।

यह टूल बनाम कोड कब उपयोग करें

त्वरित डिबगिंग, एक-बार का URL विश्लेषण, या अपने डेवलपमेंट एनवायरनमेंट के बाहर काम करते समय इस URL पार्सर का उपयोग करें। यह लॉग्स, API प्रतिक्रियाओं, या ब्राउज़र नेटवर्क टैब्स में मिले URLs को पार्स करने के लिए आदर्श है। URL घटकों का दृश्य विभाजन जटिल URLs को एक नज़र में समझना आसान बनाता है। प्रोडक्शन कोड के लिए, अपने एप्लिकेशन में एकीकृत URL पार्सिंग लाइब्रेरीज़ का उपयोग करें जो डेटा प्रोसेसिंग पाइपलाइन्स के हिस्से के रूप में URLs को पार्स कर सकें। URL पार्सिंग लाइब्रेरीज़ अक्सर अधिक विस्तृत त्रुटि-हैंडलिंग प्रदान करती हैं और edge cases को अधिक सहजता से संभाल सकती हैं। ब्राउज़र टूल्स ad-hoc पार्सिंग और डिबगिंग में उत्कृष्ट हैं, जबकि कोड-आधारित समाधान ऑटोमेशन, CI/CD पाइपलाइन्स के साथ इंटीग्रेशन, और बड़ी मात्रा में URLs को कुशलता से पार्स करने की क्षमता प्रदान करते हैं।