Web page diagnostic tools: Difference between revisions
From Joomla! Documentation
m heading size |
m Fixed broken links to Firefox addons, added Joomla Developer Toolbox |
||
| Line 2: | Line 2: | ||
<noinclude>{{RightTOC}}</noinclude> | <noinclude>{{RightTOC}}</noinclude> | ||
=== Mozilla Firefox Web Browser === | === Mozilla Firefox Web Browser === | ||
* [http:// | * [http://getfirebug.com Firebug] is an Add-on for Firefox 1.5+ | ||
::For more information, please watch [[Using Firebug With Your Joomla Website|the free video tutorial on using Firebug with Joomla]].) | ::For more information, please watch [[Using Firebug With Your Joomla Website|the free video tutorial on using Firebug with Joomla]].) | ||
::[[File:Screenshot-368firebug.png|350px]] | ::[[File:Screenshot-368firebug.png|350px]] | ||
{{clear}} | {{clear}} | ||
* [http://addons.mozilla.org/firefox/ | * [http://addons.mozilla.org/en-US/firefox/addon/web-developer Web Developer] toolbar (Firefox 1+, Flock, Seamonkey) | ||
* [http://addons.mozilla.org/firefox/ | * [http://addons.mozilla.org/en-US/firefox/addon/css-viewer CSS Viewer] (Firefox 1.5+) | ||
* [http://addons.mozilla.org/en-US/firefox/collections/joomla-quickstart/joomla-developer-toolbox/ Joomla Developer Toolbox - a collection of essential extensions for web developers] (Firefox 1+) | |||
=== Internet Explorer Web Browser === | === Internet Explorer Web Browser === | ||
Revision as of 09:47, 4 January 2015
Many browsers can act as platforms for diagnostic tools. You can analyze Web pages built with any version of Joomla by using them. These browser tools have many built-in features such as a DOM Inspector, JavaScript Debugger, Network Inspector, Resources Inspector, Storage Inspector, Profiler, Error Log, Remote Debugging, etc. These tools make it easier to see and debug exactly what is being processed by a browser when rendering a web page.
Mozilla Firefox Web Browser
- Firebug is an Add-on for Firefox 1.5+
- For more information, please watch the free video tutorial on using Firebug with Joomla.)
- Web Developer toolbar (Firefox 1+, Flock, Seamonkey)
- CSS Viewer (Firefox 1.5+)
- Joomla Developer Toolbox - a collection of essential extensions for web developers (Firefox 1+)
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 built-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:
)
