Actions

Difference between revisions of "Web page diagnostic tools"

From Joomla! Documentation

m (Hutchy68 moved page Diagnostic tools to Web page diagnostic tools: specific type of diagnostic tools)
m (heading size)
 
Line 1: Line 1:
 
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.
 
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.
 
<noinclude>{{RightTOC}}</noinclude>
 
<noinclude>{{RightTOC}}</noinclude>
== Mozilla Firefox Web Browser ==
+
=== Mozilla Firefox Web Browser ===
 
* [http://addons.mozilla.org/firefox/1843/ Firebug] is an Add-on for Firefox 1.5+  
 
* [http://addons.mozilla.org/firefox/1843/ 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]].)
Line 9: Line 9:
 
* [http://addons.mozilla.org/firefox/2104/ Simple CSS Viewer] (Firefox 1.5)
 
* [http://addons.mozilla.org/firefox/2104/ Simple CSS Viewer] (Firefox 1.5)
  
== Internet Explorer Web Browser ==
+
=== Internet Explorer Web Browser ===
 
* [http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038 Microsoft Internet Explorer Developer Toolbar] (MSIE 7)
 
* [http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038 Microsoft Internet Explorer Developer Toolbar] (MSIE 7)
 
* [http://www.debugbar.com/?langage=en DebugBar] (MSIE 5 - 8, free for personal use)
 
* [http://www.debugbar.com/?langage=en DebugBar] (MSIE 5 - 8, free for personal use)
Line 15: Line 15:
 
* Users of Office XP and later may also install the "Script Debugger" via Office Setup. (The debugger is not installed by default.)
 
* 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 Web Browser ===
 
Opera has a built-in diagnostic tool called Dragonfly.
 
Opera has a built-in diagnostic tool called Dragonfly.
 
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}}
 
{{#ev:youtube|BeTzJ-HGLo4}}
== Safari Web Browser ==
+
=== Safari Web Browser ===
 
* How to enable the [http://developer.apple.com/internet/safari/faq.html#anchor14 Safari 3.x Developer Menu] ({{os|mac}} {{os|win}})
 
* How to enable the [http://developer.apple.com/internet/safari/faq.html#anchor14 Safari 3.x Developer Menu] ({{os|mac}} {{os|win}})
 
* [http://webkit.org/blog/61/introducing-drosera/ WebKit Drosera JavaScript Debugger] ({{os|mac}} WebKit: {{os|linux}})
 
* [http://webkit.org/blog/61/introducing-drosera/ WebKit Drosera JavaScript Debugger] ({{os|mac}} WebKit: {{os|linux}})

Latest revision as of 08:11, 23 June 2013

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.

Contents

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.)
Screenshot-368firebug.png

Internet Explorer Web Browser

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.

Safari Web Browser