Some nights ago I downloaded the last version of WebKit and discovered inside the really cool new WebInspector, which I also saw came bundled with Google Chrome and is supposed to be included in futures releases of Safari.
I read on the WebKit blog that the inspector is written in Javascript, so I decided to dig inside and see what could be done to extend it...
I discovered a neat code design that is virtually waiting there to be extended. The structure is easy to follow and is almost plug and play. With almost I mean that at this time there is a little hacking to do to plug something in, but anyway it looks promising.
To state a proof of concept I ported parts of FireSymfony to Web Inspector as you can see in the screenshot below.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2rvfWZU_NUKyTVPu2f6u3RigZLiviPyV5N4V3O2hkGvzp4xctrlMDd_84pndyc4isRZmlS8JFubY6lW8DroZZgFQb5Q2n3ixRCL4h_Wvq2OPOaoiNbcJdiUk0OkwG_RC7wyMonBfahmY/s400/FireSymfonyWebKit.png)
My idea is to continue the improvement of FireSymfony for both browser families because besides the neat interface of Web Inspector I think it will became a key tool for web page debugging since it is included on Chrome and probably on a future release of Safari.
Also after I get more experience on extending Web Inspector I plan to post some tutorials on how to do it.
No comments:
Post a Comment