Monday, January 5th, 2009

Extending WebKit’s Web Inspector a la Firebug

Category: Debugging

Alvaro Videla has a fun post on extending the WebKit Web Inspector with something a little strange…. a game:

Alvaro walks through how to take some JavaScript/CSS/HTML and plug it into the inspector world (normally hidden somewhere like /Applications/WebKit.app/Contents/Frameworks/10.5/WebCore.framework/Versions/A/Resources/inspector) and adding panels (e.g. see the new game panel here:)

javascript

  1. this.panels = {
  2.         elements: new WebInspector.ElementsPanel(),
  3.         resources: new WebInspector.ResourcesPanel(),
  4.         scripts: new WebInspector.ScriptsPanel(),
  5.         profiles: new WebInspector.ProfilesPanel(),
  6.         databases: new WebInspector.DatabasesPanel(),
  7.         game: new WebInspector.GamePanel()
  8.     };

Posted by Dion Almaer at 7:06 am
Comment here

+++--
3.8 rating from 11 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.