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 parser ഡെവലപ്പർമാർക്ക് URL നിർമ്മാണത്തിലെ പ്രശ്നങ്ങൾ വേഗത്തിൽ കണ്ടെത്താനും, URL ഘടകങ്ങൾ സാധൂകരിക്കാനും, നിരവധി ക്വറി പാരാമീറ്ററുകളുള്ള സങ്കീർണ്ണ URL-കൾ മനസ്സിലാക്കാനും സഹായിക്കുന്നു.

ഡെവലപ്പർമാർക്കുള്ള സാധാരണ ഉപയോഗ സാഹചര്യങ്ങൾ

API എൻഡ്‌പോയിന്റുകൾ ഡീബഗ് ചെയ്യുമ്പോൾ, വെബ് റിക്വസ്റ്റുകൾ വിശകലനം ചെയ്യുമ്പോൾ, അല്ലെങ്കിൽ ലോഗുകളിലെ URL ഘടനകൾ മനസ്സിലാക്കുമ്പോൾ ഡെവലപ്പർമാർ URL പാർസറുകൾ ഉപയോഗിക്കുന്നു. URL-കളിൽ നിന്ന് ക്വറി പാരാമീറ്ററുകൾ എടുക്കാനും, URL എൻകോഡിംഗ് പരിശോധിക്കാനും, URL-കൾ ശരിയായി ഫോർമാറ്റ് ചെയ്തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കാനും ഈ ടൂൾ ഉപകാരപ്പെടുന്നു. REST API-കൾ, OAuth റീഡയറക്ടുകൾ, അല്ലെങ്കിൽ URL പാരാമീറ്ററുകൾ വഴി ഡാറ്റ പാസ്സ് ചെയ്യുന്ന വെബ്‌ഹുക്കുകൾ എന്നിവയുമായി പ്രവർത്തിക്കുമ്പോൾ പല ഡെവലപ്പർമാരും URL പാർസറുകൾ ഉപയോഗിക്കുന്നു. URL സംബന്ധമായ ബഗുകൾ ട്രബിൾഷൂട്ട് ചെയ്യുമ്പോൾ, കോഡിലെ URL നിർമ്മാണം സാധൂകരിക്കുമ്പോൾ, അല്ലെങ്കിൽ നിരവധി ക്വറി പാരാമീറ്ററുകളുള്ള സങ്കീർണ്ണ URL-കൾ മനസ്സിലാക്കുമ്പോൾ ഈ ടൂൾ സഹായിക്കുന്നു. വെബ് ട്രാഫിക് വിശകലനം ചെയ്യുമ്പോൾ, റൂട്ടിംഗ് പ്രശ്നങ്ങൾ ഡീബഗ് ചെയ്യുമ്പോൾ, അല്ലെങ്കിൽ പ്രോസസ്സിംഗിനായി URL-കളിൽ നിന്ന് പ്രത്യേക ഘടകങ്ങൾ എടുക്കുമ്പോഴും URL പാർസറുകൾ ഉപകാരപ്പെടുന്നു. URL ക്വറി സ്ട്രിംഗുകളുമായി പ്രവർത്തിക്കുമ്പോൾ, എൻകോഡ് ചെയ്തതും ഡീകോഡ് ചെയ്തതുമായ മൂല്യങ്ങൾ ഉൾപ്പെടെ എല്ലാ പാരാമീറ്ററുകളും ഒരുനോട്ടത്തിൽ കാണാൻ ഈ ടൂൾ എളുപ്പമാക്കുന്നു.

ഡാറ്റ ഫോർമാറ്റുകൾ, തരങ്ങൾ, അല്ലെങ്കിൽ വകഭേദങ്ങൾ

ഈ URL പാർസർ HTTP, HTTPS എന്നിവയും മറ്റ് പ്രോട്ടോക്കോളുകളും ഉൾപ്പെടെയുള്ള സ്റ്റാൻഡേർഡ് URL ഫോർമാറ്റുകൾ പിന്തുണയ്ക്കുന്നു. പ്രോട്ടോക്കോൾ ഉള്ളതോ ഇല്ലാത്തതോ ആയ URL-കൾ (ഇല്ലെങ്കിൽ സ്വമേധയാ https:// ചേർക്കും), ഓതന്റിക്കേഷൻ ക്രെഡൻഷ്യലുകൾ (username:password@host) ഉള്ള URL-കൾ, പോർട്ടുകളുള്ള 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:// ചേർക്കാൻ ശ്രമിക്കും, പക്ഷേ ഇത് എല്ലായ്പ്പോഴും ശരിയായിരിക്കണമെന്നില്ല. ക്വറി പാരാമീറ്ററുകളിലെ പ്രത്യേക അക്ഷരങ്ങൾ ശരിയായി എൻകോഡ് ചെയ്തിരിക്കണം; എൻകോഡിംഗ് പ്രശ്നങ്ങൾ തിരിച്ചറിയാൻ സഹായിക്കുന്നതിനായി ടൂൾ എൻകോഡ് ചെയ്തതും ഡീകോഡ് ചെയ്തതുമായ മൂല്യങ്ങൾ രണ്ടും കാണിക്കും. ഓതന്റിക്കേഷൻ ക്രെഡൻഷ്യലുകൾ (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 പാർസിംഗ് ലൈബ്രറികൾ സാധാരണയായി കൂടുതൽ വിശദമായ എറർ ഹാൻഡ്ലിംഗ് നൽകുകയും എഡ്ജ് കേസുകൾ കൂടുതൽ സുതാര്യമായി കൈകാര്യം ചെയ്യുകയും ചെയ്യും. ബ്രൗസർ ടൂളുകൾ ad-hoc പാർസിംഗിലും ഡീബഗിംഗിലും മികവു കാണിക്കുമ്പോൾ, കോഡ്-അധിഷ്ഠിത പരിഹാരങ്ങൾ ഓട്ടോമേഷൻ, CI/CD പൈപ്പ്‌ലൈനുകളുമായുള്ള ഇന്റഗ്രേഷൻ, കൂടാതെ വലിയ തോതിലുള്ള URL-കൾ കാര്യക്ഷമമായി പാർസ് ചെയ്യാനുള്ള കഴിവ് എന്നിവ നൽകുന്നു.