Dear Wiki user, You have subscribed to a wiki page or wiki category on "Cocoon Wiki" for change notification.
The following page has been changed by StephanTeuschl: http://wiki.apache.org/cocoon/Cocoon_3_Profiling ------------------------------------------------------------------------------ == Firebug == - Getting the Firebug Plugin able to work is really easy. You'll need to install Firebug 1.4X [[http://getfirebug.com/releases/firebug/1.4X]] and then install the Firebug .xpi from cocoon-profiling-firebug (opening it with Firefox should suffice). The .xpi will only be available after the next content patch from cocoon-profiling, so you might have to wait a few days (as of June 1st, 09). Afterwards, you should have a little bug on the bottom right corner of your Firefox. Clicking will open it, then you can navigate to the net-panel (you might want to get sure its activated) and there open up a request (you might need to refresh). In the request, there should be a tab called "Cocoon 3 Profiling", if you click it, and the Profiling Service works, you should now see the generated profiling data in the form of a tree. + Getting the Firebug Plugin able to work is really easy. You'll need to install Firebug 1.4X [[http://getfirebug.com/releases/firebug/1.4X]] and then install the Firebug .xpi from cocoon-profiling-firebug (opening it with Firefox should suffice). The .xpi will only be available after the next content patch from cocoon-profiling, so you might have to wait a few days (as of June 1st, 09). Afterwards, you should have a little bug on the bottom right corner of your Firefox. Clicking will open it, then you can navigate to the net-panel (you might want to be sure its activated) and there open up a request (you might need to refresh). In the request, there should be a tab called "Cocoon 3 Profiling", if you click it, and the Profiling Service works, you should now see the generated profiling data. + + The data itself is presented in two textboxes. The left one is the tree which resembles the .xml that the profiling-component generates, the right one displays the elements, properties, return-values and the profiler of a given (= selected) row in the left tree. You can navigate through the left tree, and based on which row you currently have selected, the right textbox will display the names and values. To add some visual help, pictures are being displayed, based on which kind of element is displayed. + + The underline is: + + attachment:profiling_firebug_argument.png - Argument + attachment:profiling_firebug_component.png - Component + attachment:profiling_firebug_exception.png - Exception + attachment:profiling_firebug_invocation.png - Invocation + attachment:profiling_firebug_node.png - Node + attachment:profiling_firebug_profiler.png - Profiler + attachment:profiling_firebug_property.png - Property + attachment:profiling_firebug_return.png - Return-Value + attachment:profiling_firebug_servlet.png - Servlet + attachment:profiling_firebug_sitemap.png - Sitemap + + You also have two options which can change what you'll be able to see in the Firebug Plugin. These are located on the net Tab Option Panel, which is a little triangle. The options are marked {c3p} and allow you to Show / Hide the Sitemap and to change if the invocations element of the tree is closed or opened. These changes will require a reload, either by reloading your browser, or by clicking the "Reload"-Button in the Profiling Panel. + + The other button on the panel will open a new tab in your Firefox in which a graphical outline will be shown which lists your components and the execution time of each of these components. Be aware, though, that the first profiling cycle will present you a kind of wrong picture (it takes a lot longer), because of the java-intern class-loading and other administrative stuff. You'll need to reload the request, not the picture, to change this. + + === Customizing your Firebug Plugin === + + To customize your Firebug Plugin, go to the plugin folder in your Firefox, select the Profiling plugin, then navigate to chrome\skin\classic\cocoon3profiling.css. In this css, you can change the heigth and width of the trees and of their columns. Simply navigate to the element you want to change, and change the value in there. == First Examples ==