What are the parts of a URL?

The tool: https://url-parts.glitch.me

The article: https://web.dev/articles/url-parts

Excellent work by my colleague @samdutton

url-parts.glitch.me

Interactive tool for showing the names of URL components

url-parts.glitch.me
@bramus The URL is breaking for me on Mastodon (web) because the hyphen is apparently a non-breaking hyphen
@Scio Thanks for notifying. Updated the post to use the correct hyphen.

@bramus @samdutton This is awesome!

It'd be great if the default URL also included a query string too (as the app supports identifying it). 😁

@bramus @samdutton I did a small improvement that included a query string by default and also added support for identifying the subdomain.

https://glitch.com/edit/#!/url-parts-improved

Glitch Code Editor ・゚✧

Simple, powerful, free tools to create and use millions of apps.

@Marcus @bramus @samdutton Query String probably a good idea.

Subdomains are more complicated though. Looking at below that;s two subdomains and also should include the eTLD+1 as well so it gets, tricky how to show those on a diagram.

@bramus @samdutton Shouldn’t “://” be included in the site? The site is a URL, and you can’t form a URL without the “://” part.
@bramus @samdutton interesting. Is there a difference between scheme and protocol? I always called protocol to the https:// or ftp:// part (including the ://)
@alvaromontoro @bramus @samdutton Technically the protocol (as returned by the URL API) includes the : but not the // so is "https:". Added it to the tool and will add to the post.