Over a million developers have joined DZone.

WebKit Gets New Developer Tools

DZone's Guide to

WebKit Gets New Developer Tools

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

The open source WebKit browser just got some new developer tools and upgrades. WebKit's latest Nightly Builds include a new Web Inspector, Storage Panel, and Sidebar Pane called Event Listeners.  Safari, Chrome, and the Palm WebOS browser all use the WebKit browser engine.

Web Inspector
WebKit's Web Inspector is similar to Firefox's Firebug plug-in.  Developers can use the inspector to add and edit note attributes.  The Web Inspector can also create or edit CSS Rules and Selectors.  Developers can access the Web Inspector by checking "Show Develop menu in menu bar" under the Preferences' Advanced tab.

Storage Panel
Formerly known as the Databases Panel, the Storage Panel lets developers monitor DOM Storage.  The panel has live updating so you don't have to refresh the window constantly.  The Storage Panel also displays Cookie information, which can be edited or deleted.

Event Listeners
The new Event Listeners Sidebar Pane lists events by type.  There are also new filters in the Event Listeners' Gear Menu.  The filters can allow users to only see listeners that are registered on a selected note or the entire event flow.  Event Listeners can be displayed in Web Inspector.

WebKit Nightly Builds can be downloaded for Mac OS X and Windows. WebKit is licensed under the LGPL and BSD licenses.

Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.


Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}