Debug tip – Sencha extension for Chrome
Sometimes we need to inspect a particular Ext JS component we have instantiated for debugging purposes. Finding which methods are available and the current attributes and configurations that are set in the object can be a little tricky. When working in MVC, we might need to find the Store ID created and the stores that are alive in the application. Using console.log to output a particular object to inspect it is a lot of work!
The Sencha Labs team released a free extension for Chrome called Sencha App Inspector. When working with Ext JS (or Sencha Touch), it is recommended that you use this extension to help debug the application. In the following screenshot, we can see the extension in action—stores that ...
Get Mastering Ext JS - Second Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
