Add full URL view on mouseOver in the network page

• Component: Web Inspector (Deprecated)
• Status: RESOLVED FIXED

[Oncleben31]

To be very  handy, we have to be able to read the full URL in the network page.
In the current version we are able to read the last part of the URL

A solution could be to add a roll-over effect when mouseOver event on the short URL.

[Oncleben31]

Created attachment 15370 [details]
Patch to have the full URL on mouseOver

Patch to have the full URL on mouseOver just with CSS and HTML hack

[Adam Roben (:aroben)]

Comment on attachment 15370 [details]
Patch to have the full URL on mouseOver

It would probably good to have a 1px border around the em.

[Sam Weinig]

Comment on attachment 15370 [details]
Patch to have the full URL on mouseOver

Please make sure to include you set the EMAIL_ADDRESS environment variable before creating the ChangeLog and to fill in the ChangeLog with information such as the bugzilla url and title and summary of changes made.

[Adam Roben (:aroben)]

If you just set a title attribute on the .network-file element, a tooltip will appear automatically. Then you don't need your "CSS and HTML hack"

[Adam Roben (:aroben)]

This is what we do for resources in the left sidebar, so it'll have the added benefit of being consistent with other parts of the UI.

[Timothy Hatcher]

Why not just use a title attribute on the link to get a tooltip for free? This will match what we already do for the sidebar.

[Timothy Hatcher]

/me should read comments before he comments. 

[Oncleben31]

> If you just set a title attribute on the .network-file element, a tooltip will
> appear automatically. Then you don't need your "CSS and HTML hack"

Using tooltip was my first idea but they doesn't appeared in my Safari  (on my mac and on Windows), I've search in the preference : nothing. I search on Internet and I found "defaults write com.apple.Safari WebKitShowsURLsInToolTips 1"
This trick doesn't seem to work on Safari for Windows, I've to test on a mac.

If user have to hack Webkit to have tooltip working, I think my solution is better. Moreover my solution allow to debate and find the best CSS design for the tool tip (color, position).

What is you point of view ?

[Adam Roben (:aroben)]

(In reply to comment #8)
> Using tooltip was my first idea but they doesn't appeared in my Safari  (on my
> mac and on Windows)

Tooltips should work fine in Safari on OS X. Tooltips are not yet supported in Safari on Windows (see bug 14143). This will eventually be fixed, so I still believe the title attribute is the right way to go.

[Oncleben31]

Created attachment 15393 [details]
Update of Patch to add ChangeLog info

In reponse of comment

[Maciej Stachowiak]

I agree with Adam that this should use the title="" attribute. Please try a fix along those lines.

[Adam Roben (:aroben)]

Comment on attachment 15393 [details]
Update of Patch to add ChangeLog info

Please change to using a title attribute for consistency with the existing UI.

[Adam Roben (:aroben)]

<rdar://problem/5712841>

[Matt Lilek]

Created attachment 18793 [details]
patch

[Adam Roben (:aroben)]

Comment on attachment 18793 [details]
patch

r=me

[Matt Lilek]

Committed revision 29901.