Look inside the head element with Professor X

Stuart Robertson, developer of the X-Ray Firefox extension, has created a companion extension called Professor X.

Whereas X-Ray lets you view the HTML code used inside the current document’s body element without viewing source, Professor X reveals the contents of the document’s head element. A neat way of taking a look at metadata, scripts, and css files. I like how the extension turns URLs specified in certain elements to live links. Makes checking people’s CSS files really easy ;-).

Suggestion for improvement: Professor X would be even more useful if CSS @import URLs and external JavaScript files were also live links.

By the way I noticed that the X-Ray extension now works in the latest version of Firefox ( at the time of writing). Great!

Posted on August 3, 2006 in Browsers, Quicklinks


  1. Thanks for the link. I just played around with it and is pretty cool. Im also glad that I was able to update my X-ray.

    On another note - Hows the new design coming?

  2. Neat! Now I can check scripts, style sheets and view RSS files alot quicker! Thanks Rog (does people call you that?)

  3. August 3, 2006 by Roger Johansson (Author comment)

    Nate: Working on implementing the new design right now and it’s going well so far. I can only work on it in the evenings though since my vacation just ended, so it will be a few more days before I’m ready to switch.

    Kalle: Not really. Some native English speakers do, but no Swedes as far as I know ;-).

  4. Rog: It’s a fancy nickname. Especially when you pronounce it [Rawdj].

    As Nate, I’m looking forward to the new design as well.

    Back on topic: It’s a shame the Professor X-generated content isn’t selectable. By the way, I just discovered that you use the meta description to describe each blog entry. Somehow I’ve never seen that (good) method before, is that standard solution or somethink you came up with? It sure is a good method to be favored by search engines.

  5. Professor X would be even more useful if CSS @import URLs and external JavaScript files were also live links.

    I use JSView Firefox extension that detects all linked CSS and JS files, and lets you open them with one click (in external editor as an option). It recognizes @import-ed CSS files, google adsense scripts and everything. You can place it in status bar and/or in context menu.

    Professor X looks great and it has different purpose (not a js/css “spy”) so I think both extensions may co-exist :)

  6. I’m partial to JSView myself :) And a nickname for Roger in swedish would be “Roggan” I guess … :P

  7. pawel beat me to it, but yeah I like JS View Ron Beckman too. However I’ll be giving this one a try too. Thanks for the hook-up.

  8. August 4, 2006 by Martin

    Cool. I didn’t know we have a Professor in Firefox. He certainly keeps it all in the head like a smart man. :)

    Thanks heaps!

Comments are disabled for this post (read why), but if you have spotted an error or have additional info that you think should be in this post, feel free to contact me.