Download - Introduction to the qooxdoo Inspector
![Page 1: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/1.jpg)
InspectorWebinale 2008, Germany
Martin Wittemann
![Page 2: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/2.jpg)
Martin Wittemann
• Inspector as a Bachelor Thesis
![Page 3: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/3.jpg)
Inspecting Applications
• Debugging of JavaScript is Complicated
• Different Possibilities in Every Browser
• Inspecting Components is Missing
![Page 4: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/4.jpg)
Firebug?
• Only Works in Firefox
• Does not Match the Needs of qooxdoo
![Page 5: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/5.jpg)
Features
• Widget Inspector
• Objects Overview
• Properties Dialog
• Console
![Page 6: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/6.jpg)
Widget Inspector
• Tree Structure Representing Layout Structure
• Live Inspection
![Page 7: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/7.jpg)
Objects Overview
• All Instantiated Objects
• Sortable by Hash Code or Number of Instances
• Searchable
• Includes Pollution Report
![Page 8: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/8.jpg)
Properties Dialog
• All Properties of the Selected Widget
• Supports Inherited Properties
• Live Modification
• API Viewer Reference Links
• Different Sort Options
![Page 9: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/9.jpg)
Console
• Command Line to Execute JavaScript
• Selected Widget Available Under „this“
• Auto Complete of Properties and Methods
• Object Browser
• Breadcrumbs for Widget Browser
• Available as qooxdoo Logger
![Page 10: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/10.jpg)
Common Features
• Select Any Widget by Click
• Reload Supported
• Configurable Keyboard Shortcuts
![Page 11: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/11.jpg)
Status
• Based on qooxdoo 0.7.x
• Will be ported to qooxdoo 0.8
![Page 12: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/12.jpg)
Demo
![Page 13: Introduction to the qooxdoo Inspector](https://reader036.vdocument.in/reader036/viewer/2022081202/5495c5efac7959092e8b4f38/html5/thumbnails/13.jpg)
Questions?