ProfilerViewer Control: Examples

The ProfilerViewer Control provides a rich graphical interface through which to explore JavaScript profiling done using the YUI Profiler The Profiler and the ProfilerViewer are both generic; while each uses YUI, they can be used to profile code unrelated to YUI — even code included with or based upon other JavaScript libraries.

• Simple Profiling: A simple use case profiling a Calendar Control instance with the ProfilerViewer Control.
• Using the ProfilerViewer API while Profiling the YUI Menu Control: In this example, profiling a simple set of menus and submenus, ProfilerViewer's API is leveraged to place the console in a floating, draggable palette.
• Using Profiler and ProfilerViewer to Profile non-YUI Code: This example explores the best strategy for using YUI to profile projects that are not YUI-based; it shows you how to load only the minimal YUI footprint during profiling, deferring the loading of ProfilerViewer (and its YUI dependencies) until you're ready to view the profiling data.
• Skinning the ProfilerViewer Control: ProfilerViewer's 'skin' is provided via a combination of CSS and other style information passed via JavaScript to the Flash-based Charts Control. This example helps you understand where to start if you want to customize the look and feel of a ProfilerViewer implementation.
• ProfilerViewer Internationalization: Spanish: The ProfilerViewer Control can be easily internationalized by modifying the STRINGS member of YAHOO.widget.ProfilerViewer In this example, a Spanish translation provided by Caridy Patiño Mayea is applied to the UI.
• ProfilerViewer Internationalization: German: The ProfilerViewer Control can be easily internationalized by modifying the STRINGS member of YAHOO.widget.ProfilerViewer In this example, a German translation provided by Christian Heilmann is applied to the UI.