URL parse करा _

URL parsing कसे कार्य करते

Parser WHATWG URL standard वर चालतो, browser कोणत्याही href साठी वापरत असलेला तोच algorithm. आम्ही string ला native URL constructor ला देतो आणि प्रत्येक component property म्हणून परत वाचतो.

1. Input validate करा. रिकामी string empty-input notice surface करते. अन्यथा आम्ही new URL(text) ला text pass करतो; TypeError म्हणजे string valid absolute URL नाही.
2. Structural components वाचा. आम्ही URL object मधून protocol, username, password, host, hostname, port, pathname, search, hash आणि origin वाचतो. प्रत्येक स्वतःच्या row मध्ये उतरतो जेणेकरून तुम्ही ते एकट्याने copy करू शकता.
3. Query string walk करा. आम्ही url.searchParams.entries() iterate करतो आणि प्रति key एक table row render करतो. Raw value decodeURIComponent(value) शेजारी बसते जेणेकरून percent-encoded payloads (spaces, plus signs, Unicode) plain भाषेत वाचतात.
4. मागणीनुसार Rebuild करा. कोणताही cell संपादित करा, row delete करा किंवा नवीन parameter जोडा, नंतर Build URL click करा. साधन तुमच्या edits मधून fresh URL object reconstr करतो आणि result input box मध्ये लिहितो.
5. लाइव्ह मोड. Live mode toggle करा आणि प्रत्येक keystroke 150 ms debounce सह URL re-parse करतो. Log मधून fragments paste करताना आणि तत्काळ feedback हवे असताना उपयुक्त.

Browser मध्ये URL का parse करावे

• काहीही tab सोडत नाही. URLs tokens, session IDs, OAuth state आणि signed query parameters वाहतात जे तुम्हाला third-party service कडे नको असतात. हा parser browser स्थानिक पातळीवर आधीच चालवत असलेला तोच URL algorithm वापरतो — upload नाही, network call नाही.
• तुमचा code जे पाहतो त्याशी जुळते. Node.js, Deno, modern browsers आणि Cloudflare Workers सर्व WHATWG URL implementation ship करतात. येथे URL inspect केल्याने production मध्ये new URL(input) call देणारे तेच component split मिळते.
• Query strings माणसांप्रमाणे वाचतो. Raw आणि decoded values बाजूबाजूने बसतात, त्यामुळे q=hello%20world pair wire bytes आणि readable hello world दोन्ही एका नजरेत दाखवते. Mental URL-decoding आवश्यक नाही.
• दोन-दिशा संपादन. Tracking parameter drop करा, path मधील typo दुरुस्त करा, port बदला — आणि URL rebuild करा. आउटपुट URL constructor मधून परत जातो त्यामुळे तुम्ही copy करण्यापूर्वी अवैध काहीही surface होते.

सामान्य उपयोग

URL parsing रोजच्या developer, security आणि analytics कामात दिसते जेव्हाही URL एक link पेक्षा जास्त असते.

• API endpoints debug करणे: curl किंवा Postman request पाठवण्यापूर्वी base URL, path आणि query parameters confirm करा.
• Tracking-parameter audits: landing-page URL वरील प्रत्येक UTM, gclid, fbclid किंवा campaign key यादी करा आणि कोणते ठेवायचे ते ठरवा.
• Affiliate आणि partner links validate करणे: deeplink paste करा, destination host आणि embedded redirect target प्रकाशित करण्यापूर्वी confirm करा.

एक व्यावहारिक उदाहरण

https://example.com/search?q=hello%20world&lang=en input मध्ये paste करा. Protocol https: वाचते, hostname example.com वाचते, pathname /search वाचते, आणि search ?q=hello%20world&lang=en वाचते. Query table दोन rows दाखवतो: q raw value hello%20world आणि decoded value hello world सह, नंतर lang raw आणि decoded दोन्ही values en सह. lang row वर Remove click करा, नंतर Build URL — input https://example.com/search?q=hello%20world ला update होतो.

FAQ

URL parser म्हणजे काय?

URL parser एक URL string घेतो आणि ती named components मध्ये विघटित करतो: protocol (https), userinfo (username, password), host (hostname plus optional port), path, query string आणि fragment. तो प्रत्येक query parameter decode देखील करतो जेणेकरून percent-encoded values (जसे space साठी %20) वाचनीय होतात. येथील parser WHATWG URL standard वापरतो, तोच browser page load करण्यासाठी वापरतो.

Host आणि hostname मधील फरक काय?

Hostname फक्त domain (किंवा IP address) आहे — example.com:8080 साठी hostname example.com आहे. Non-default port present असल्यावर Host म्हणजे hostname plus port, त्यामुळे त्याच URL चा host example.com:8080 आहे. Default ports वरील URLs साठी (https साठी 443, http साठी 80) host आणि hostname एकसारखे आहेत.

Decoding आपोआप होते का?

Structural components (protocol, hostname, port, pathname) extra decoding शिवाय URL object मधून थेट वाचले जातात — URL constructor आधीच ते normalise करतो. Query values दोनदा दाखवल्या जातात: search मध्ये दिसते तशी raw percent-encoded string, आणि decodeURIComponent ने produced decoded value. त्या प्रकारे तुम्ही तुमच्या downstream tool ला जे form अपेक्षित आहे ते copy करू शकता.

मी URL संपादित करून rebuild करू शकतो का?

होय. प्रत्येक parts cell आणि प्रत्येक query-parameter cell संपादनीय आहे. Add आणि Remove buttons सह query rows जोडा किंवा काढा, नंतर Build URL from parts click करा. साधन तुमचे edits URL constructor मधून परत चालवते आणि result input ला लिहितो — edits invalid URL produce करत असल्यास तुम्हाला तुमच्या स्वतःच्या code मध्ये new URL() मधून मिळणारा तोच error message मिळतो.

URL parsing हे छोटे काम आहे जे प्रत्येक web developer दर आठवड्याला करतो. Browser मध्ये, production code वापरत असलेल्या त्याच algorithm सह, काम जलद राहते आणि data तुमच्या machine वर राहतो.