Tuesday, October 23rd, 2007
MRI: CSS Selector Inpage Tester
<p>John Allsopp, who authored XRAY, has a new tool for us to play with. MRI is a bookmarklet that fires up a tool allowing you to query items on the page using CSS selectors. As you put in your queries you will see the items on the page that match. You can also click on areas of the page to show some selector queries that would find that area.
Related Content:
4.2 rating from 22 votes
Link is broken .. use this
http://www.westciv.com/mri/
Great tool, love the simplicity.
Very cool, though nothing compares to FireBug.
Yeah, toyed with it for a minute. As Dave mentioned, it’s nothing that can’t already be done with Firebug via the command line console with the $$ selector function. Maybe John was just messing around… however, John’s still works in IE, Web kit, and Gecko based browsers. I wonder what kind of selectors work in each of the browsers. One of the demo’s show “li > a”, will that work in IE?
Very cool, John.
Very cool work^_^
Nice work but, yes, nothing that can’t already be done with FirBug. I wonder where else he might take this?
ps: any chance of increasing the base font size for ajaxian. 9.8px is too small!
The one thing it does that I don’t think Firebug can do is highlight all elements referred to by a particular selector. Because of that I have already found it very useful.
Someone let me know if I’m wrong about Firebug…
@johno
I’m not sure where you’re getting the 9.8px from…I looked at the code and they’re not even setting a base font size – they’re scaling your browser’s font size setting.
On the topic though, pretty cool tool but I don’t know if I’d ever have a use for it (Firebug for Firefox and Developer Toolbar for IE are sufficient for my inspection purposes).
Nice work..