If you’ve never used Opera much in the past, they’ve now built in a feature that might give you reason enough to take it for a spin. It’s a new developer tool called, Dragonfly.
Launch Opera Dragonfly with Ctrl + Shift + I on Windows and Linux, or ⌘ + ⌥ + I on Mac. Alternatively, target a specific element by right clicking in the page and selecting Inspect Element.
Dragonfly has a whole tool set to Debug JavaScript, view the DOM, monitor network traffic, preview resources, edit colors and code, and whole lot more.
Featured highlights include:
DOM Inspector
- Style Inspector
- Element Highlight
- DOM View
- Breadcrumb Trail
- Color Picker
JavaScript Debugger
- Source View
- Variable Inspection
- Breakpoints
- Watches
Network Inspector
- Network Log
- Request Crafter
- Multiple Network Options
Resource Inspector
- Resource List
- Resource Previews
Storage Inspector
- Cookie Inspector
- Web Storage and Preference Inspectors
Error Log
- Multiple Error List Options
Console
- Console HUD
- Console and Command Line APIs
Utilites
- In Page Color Picker and Color Palette
- Remote Debugging
It’s basically Opera’s version of Chrome Developer Tools or Firebug. To give it a try, open up Opera , hit Ctrl + Shift + I on Windows and Linux, or ⌘ + ⌥ + I on Mac. Target a specific element by right clicking in the page and selecting Inspect Element.
[tentblogger-youtube BeTzJ-HGLo4]
Make sure your Opera is up to date, and if you don’t have Opera installed, you can download it for free from their website.
[via Opera]
Speak your mind...