Over a million developers have joined DZone.

WebKit Gets New Developer Tools

· Web Dev Zone

Start coding today to experience the powerful engine that drives data application’s development, brought to you in partnership with Qlik.

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.

Create data driven applications in Qlik’s free and easy to use coding environment, brought to you in partnership with Qlik.

Topics:

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

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

{{ parent.tldr }}

{{ parent.urlSource.name }}