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 API แบบเนทีฟของเบราว์เซอร์เพื่อดึงองค์ประกอบของ URL ทั้งหมดอย่างแม่นยำ เครื่องมือนี้ยังถอดรหัสพารามิเตอร์คิวรีที่ถูกเข้ารหัสแบบ URL โดยแสดงทั้งค่าที่เข้ารหัสและค่าที่ถอดรหัสแล้ว ทำให้ดีบัก URL เข้าใจโครงสร้าง query string และตรวจสอบรูปแบบ URL ได้ง่าย ตัวแยกวิเคราะห์ URL ช่วยให้นักพัฒนาระบุปัญหาในการประกอบ URL ได้อย่างรวดเร็ว ตรวจสอบความถูกต้องขององค์ประกอบ URL และทำความเข้าใจ URL ที่ซับซ้อนซึ่งมีพารามิเตอร์คิวรีหลายรายการ

กรณีการใช้งานทั่วไปของนักพัฒนา

นักพัฒนาใช้ตัวแยกวิเคราะห์ URL เมื่อดีบัก API endpoint วิเคราะห์คำขอเว็บ หรือทำความเข้าใจโครงสร้าง URL ในล็อก เครื่องมือนี้มีประโยชน์สำหรับการดึงพารามิเตอร์คิวรีจาก URL การตรวจสอบการเข้ารหัส URL หรือการเช็กว่า URL ถูกจัดรูปแบบอย่างถูกต้องหรือไม่ นักพัฒนาจำนวนมากใช้ตัวแยกวิเคราะห์ URL เมื่อทำงานกับ REST API, OAuth redirect หรือ webhook ที่ส่งข้อมูลผ่านพารามิเตอร์ของ URL เครื่องมือนี้ช่วยเมื่อแก้ปัญหาบั๊กที่เกี่ยวข้องกับ URL ตรวจสอบการประกอบ URL ในโค้ด หรือทำความเข้าใจ URL ที่ซับซ้อนซึ่งมีพารามิเตอร์คิวรีหลายรายการ ตัวแยกวิเคราะห์ URL ยังมีประโยชน์เมื่อวิเคราะห์ทราฟฟิกเว็บ ดีบักปัญหา routing หรือดึงส่วนประกอบเฉพาะจาก URL เพื่อนำไปประมวลผล เมื่อทำงานกับ URL query string เครื่องมือนี้ทำให้เห็นพารามิเตอร์ทั้งหมดได้อย่างรวดเร็ว รวมถึงค่าที่เข้ารหัสและค่าที่ถอดรหัสแล้ว

รูปแบบข้อมูล ชนิด หรือรูปแบบย่อย

ตัวแยกวิเคราะห์ URL นี้รองรับรูปแบบ URL มาตรฐาน รวมถึง HTTP, HTTPS และโปรโตคอลอื่น ๆ รองรับ URL ที่มีหรือไม่มีโปรโตคอล (จะเพิ่ม https:// ให้อัตโนมัติหากขาดหาย) URL ที่มีข้อมูลรับรองการยืนยันตัวตน (username:password@host) URL ที่มีพอร์ต query string และส่วนแฮช เครื่องมือนี้จะแยกพารามิเตอร์คิวรีและแสดงในรูปแบบตาราง โดยแสดงทั้งค่าดิบที่เข้ารหัสและค่าที่ถอดรหัสแล้ว ตัวอย่างเช่น 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 ที่มีอักขระพิเศษในพารามิเตอร์คิวรีต้องถูกเข้ารหัสอย่างถูกต้อง และเครื่องมือจะแสดงทั้งค่าที่เข้ารหัสและค่าที่ถอดรหัสแล้วเพื่อช่วยระบุปัญหาการเข้ารหัส URL ที่มีข้อมูลรับรองการยืนยันตัวตน (username:password) ควรจัดการอย่างระมัดระวัง เนื่องจากรหัสผ่านจะแสดง (แม้จะถูกปิดบังใน UI) URL แบบสัมพัทธ์อาจแยกวิเคราะห์ได้ไม่ถูกต้องหากไม่มีบริบทของ base URL URL ที่มีพารามิเตอร์คิวรีหลายรายการที่ใช้คีย์เดียวกันจะถูกจัดการโดย URL API แต่บางกรณีใช้งานอาจต้องมีการจัดการเป็นพิเศษ โดเมนแบบสากล (IDN) และ URL ที่มีอักขระที่ไม่ใช่ ASCII อาจต้องใช้การเข้ารหัสพิเศษ เครื่องมือนี้ใช้ตัวแยกวิเคราะห์ URL แบบเนทีฟของเบราว์เซอร์ซึ่งทำตามกฎการแยกวิเคราะห์ URL มาตรฐาน แต่กรณีขอบอย่าง URL ที่ผิดรูปแบบหรือ URL ที่มีอักขระแปลก ๆ อาจแยกวิเคราะห์ได้ไม่เป็นไปตามที่คาด

เมื่อใดควรใช้เครื่องมือนี้แทนการเขียนโค้ด

ใช้ตัวแยกวิเคราะห์ URL นี้สำหรับการดีบักอย่างรวดเร็ว การวิเคราะห์ URL แบบครั้งคราว หรือเมื่อทำงานนอกสภาพแวดล้อมการพัฒนาของคุณ เหมาะสำหรับการแยกวิเคราะห์ URL ที่พบในล็อก การตอบกลับของ API หรือแท็บเครือข่ายของเบราว์เซอร์ การแสดงผลแบบแยกส่วนขององค์ประกอบ URL ช่วยให้เข้าใจ URL ที่ซับซ้อนได้ในพริบตา สำหรับโค้ดโปรดักชัน ให้ใช้ไลบรารีการแยกวิเคราะห์ URL ที่ผสานรวมอยู่ในแอปพลิเคชันของคุณ ซึ่งสามารถแยกวิเคราะห์ URL เป็นส่วนหนึ่งของไปป์ไลน์การประมวลผลข้อมูลได้ ไลบรารีการแยกวิเคราะห์ URL มักมีการจัดการข้อผิดพลาดที่ละเอียดกว่า และรองรับกรณีขอบได้อย่างเหมาะสมกว่า เครื่องมือบนเบราว์เซอร์เหมาะสำหรับการแยกวิเคราะห์และดีบักแบบเฉพาะกิจ ขณะที่โซลูชันแบบโค้ดให้ความสามารถด้านอัตโนมัติ การผสานรวมกับไปป์ไลน์ CI/CD และความสามารถในการแยกวิเคราะห์ URL จำนวนมากได้อย่างมีประสิทธิภาพ