introduction to the qooxdoo inspector

13
Inspector Webinale 2008, Germany Martin Wittemann

Upload: sebastian-werner

Post on 18-Dec-2014

1.630 views

Category:

Business


1 download

DESCRIPTION

Introduction into qooxdoo's Inspector - one of the most used contributions of qooxdoo.

TRANSCRIPT

Page 1: Introduction to the qooxdoo Inspector

InspectorWebinale 2008, Germany

Martin Wittemann

Page 2: Introduction to the qooxdoo Inspector

Martin Wittemann

• Inspector as a Bachelor Thesis

Page 3: Introduction to the qooxdoo Inspector

Inspecting Applications

• Debugging of JavaScript is Complicated

• Different Possibilities in Every Browser

• Inspecting Components is Missing

Page 4: Introduction to the qooxdoo Inspector

Firebug?

• Only Works in Firefox

• Does not Match the Needs of qooxdoo

Page 5: Introduction to the qooxdoo Inspector

Features

• Widget Inspector

• Objects Overview

• Properties Dialog

• Console

Page 6: Introduction to the qooxdoo Inspector

Widget Inspector

• Tree Structure Representing Layout Structure

• Live Inspection

Page 7: Introduction to the qooxdoo Inspector

Objects Overview

• All Instantiated Objects

• Sortable by Hash Code or Number of Instances

• Searchable

• Includes Pollution Report

Page 8: Introduction to the qooxdoo Inspector

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

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

Common Features

• Select Any Widget by Click

• Reload Supported

• Configurable Keyboard Shortcuts

Page 11: Introduction to the qooxdoo Inspector

Status

• Based on qooxdoo 0.7.x

• Will be ported to qooxdoo 0.8

Page 12: Introduction to the qooxdoo Inspector

Demo

Page 13: Introduction to the qooxdoo Inspector

Questions?