Crop URLs in network panel

As URLs can be very long in the network panel the idea was to crop them.

Possible options:

1. The URL is cropped and shows the file. If there is just the domain, just the domain is displayed. Profile e.g. file.css, file,js?param=123, https://domain.xyz

2. @past mentioned middle cropping, which is a function in XUL. So we would replace everything between the domain and the file & params with ... e.g. https://domain.xyz/file.css, https://domain.xyz/.../file,js?param=123, https://domain.xyz

Optional: removing the protocol https://domain.xyz -> domain.xyz

Please note:

• URLs are fully displayed in the tooltip / later in the sidebar
• URLs will be able to be copied with a right-click and / or from the sidebar

Thoughts? @past @digitarald @mstange @gregtatum @julienw @jesup

[julienw]

I like Harald’s implementation too. Except currently we “draw” the URL using canvas’ commands, if I’m not mistaken. So either we would convert this in HTML or we’ll need to implement this differently.

Eventually depends on splitting the URL to generate the DOM, which could be done by regexp or URL library.

Or using new URL which is standard 😃

[zoepage]

done in #1339