Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

WebKit Gets New Developer Tools

DZone's Guide to

WebKit Gets New Developer Tools

· Web Dev Zone
Free Resource

Try RAD Studio for FREE!  It’s the fastest way to develop cross-platform Native Apps with flexible Cloud services and broad IoT connectivity. Start Your Trial Today!

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.

Get Your Apps to Customers 5X Faster with RAD Studio. Brought to you in partnership with Embarcadero.

Topics:

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

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

X

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

{{ parent.tldr }}

{{ parent.urlSource.name }}