Web page diagnostic tools: Difference between revisions
From Joomla! Documentation
m Embed Opera video directly in page. |
|||
| Line 27: | Line 27: | ||
When viewing the page, right click and choose "Inspect Element" to start Dragonfly. | When viewing the page, right click and choose "Inspect Element" to start Dragonfly. | ||
* [http://www.opera.com/dragonfly/documentation/ Introduction to Opera Dragonfly] (Opera 10+) | * [http://www.opera.com/dragonfly/documentation/ Introduction to Opera Dragonfly] (Opera 10+) | ||
{{#ev:youtube|BeTzJ-HGLo4}} | |||
=== Safari web browser === | === Safari web browser === | ||
Revision as of 17:51, 12 May 2011
Note that this guide applies to Joomla!
&
Mozilla Firefox web browser
- Firebug (Firefox 1.5+) (For more information, please watch the free video tutorial on using Firebug with Joomla.)

- Web Developer toolbar (Firefox 1+, Flock, Seamonkey)
- Simple CSS Viewer (Firefox 1.5)
Internet Explorer web browser
- Microsoft Internet Explorer Developer Toolbar (MSIE 7)
- DebugBar (MSIE 5 - 8, free for personal use)
- MSIE 8, press SHIFT+F12 or click the Developer Tools icon in the command bar
- Users of Office XP and later may also install the "Script Debugger" via Office Setup (the debugger is not installed by default)
Opera web browser
Opera has a build in Diagnostic tool called Dragonfly. When viewing the page, right click and choose "Inspect Element" to start Dragonfly.
- Introduction to Opera Dragonfly (Opera 10+)
Safari web browser
- How to enable the Safari 3.x Developer Menu (
) - WebKit Drosera JavaScript Debugger (
WebKit:
)