Activate your free membership today | Log-in

Monday, January 5th, 2009

Extending WebKit’s Web Inspector a la Firebug

Category: Debugging

<p>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:)

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

Related Content:

Posted by Dion Almaer at 7:06 am
Comment here

++++-
4.5 rating from 6 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.