URL Component Parser & Query String Inspector

A Uniform Resource Identifier (URI) / URL is composed of standard hierarchical segments:

$$\underbrace{\text{https://}}_{\text{Protocol}} \underbrace{\text{sub.example.com}}_{\text{Hostname}} \underbrace{\text{:8080}}_{\text{Port}} \underbrace{\text{/products/search}}_{\text{Pathname}} \underbrace{\text{?category=tech\&page=2}}_{\text{Query String}} \underbrace{\text{\#reviews}}_{\text{Hash Fragment}}$$

• Protocol / Scheme: Declares the communication protocol (https:, http:, ftp:, mailto:).
• Hostname & TLD: Identifies the domain, subdomain, and Top-Level Domain (e.g. blog.example.com).
• Port: Optional network port (e.g. :3000, :8080, :443).
• Pathname: The hierarchical route path identifying the specific server resource.
• Query Parameters (`Search Params`): Key-value pairs following ? separated by &.
• Hash Fragment (`Anchor`): Internal page anchor identifier following #.

• Marketing & UTM Parameter Auditing: Reviewing marketing tracking campaign parameters (utm_source, utm_medium, utm_campaign).
• API Endpoint Debugging: Deconstructing complex REST and GraphQL HTTP request URLs.
• Frontend Routing: Inspecting parameters passed to Next.js or React Router page views.