firebug / firebug

Web Development Evolved - The Firebug you have known and loved
http://getfirebug.com/
1.35k stars 343 forks source link

Highlight hrefs #5373

Open fbugissues opened 9 years ago

fbugissues commented 9 years ago

Originally reported on Google Code with ID 5240

I'm currently using Firebug on a heavy enterprise webapp, which uses a lot of foot-long
"Href"s (technically, a href or a src property). As you can imagine (and see in the
screenshot below), these big strings can be painful to read, so I thought highlighting
them might be a good idea.

- Quick before/after mockup: http://dl.dropbox.com/u/13140569/firebug-highlight-href.png
- Link to the original mailing-list suggestion: https://groups.google.com/group/firebug/browse_thread/thread/214be5560e20b9c3
- Test case:
  1. Open Firebug on a complex page (news site, blogging platform, etc.)
  2. Locate an html element containing a src or href element containing separator characters
for parameter=value pairs (? and &, for what I know)
  => The separators should be displayed in a different color than the rest of the src/href
string, allowing easier visual parsing

I don't know what would be the list of "separator" characters, and maybe the green
I used on my mockup isn't a good idea (maybe dimming would work just fine).

Reported by ronan.jouchet on 2012-02-15 16:38:18

fbugissues commented 9 years ago
Sample page: www.wordpress.com

Reported by ronan.jouchet on 2012-02-15 16:40:48

fbugissues commented 9 years ago

Reported by odvarko on 2012-02-15 17:53:08