Content Type: DHTML Projects
Copyright Stephen W. Cote, 2000 - 2011.
Do not reproduce or distribute without the written consent of the author.
|Stephen W. Cote||05/06/2008||Included Window Model mode for accessing custom function constructs within typical frameworks and libraries.|
|Stephen W. Cote||04/29/2008||Integrated Function Monitor into the profiler.|
|Stephen W. Cote||04/26/2008||Version 2.0.|
[ top ]
[ top ]
You can use the profiler for a variety of purposes: accessing script on a page, profiling all of the scripts, in all of the frames, for a give web page (yes, it walks frames for you), and editing functions for debug purposes (or just for fun).
A list of discovered script files and blocks is shown under Files. Click on a file or block, and a list of all the functions for that specific area will be displayed in Functions. Click on an individual function to display it in the Data text field.
When the Files Profiler is run, a list of potential object-model inspection points is collected. Select Window Model from the Files/Window Model list to run the Window Model Profiler against the collected data points.
A list of windows/frames is displayed under Window Model. Click on a window to list all of the functions that were discovered embedded within the script files or blocks. Functions are discovered by finding global constructs and searching within to locate function pointers.
If all of the white space has been removed, click Deobfuscate to expand the function. The function can be updated using the Update Function button.
Selected functions can be monitored with Function Monitor by clicking the Register button. If Function Monitor does not exist on the page (or targeted frame), it is injected to preserve metric collection for the duration of the page view.
You can use the active source viewer to query the current DOM. Simply type in some script into the source window, or the text field below it, and hit enter or click the appropriate eval button (Eval for the text field, and Eval Source Window for the text area).
Active Source includes a few helpful variables accessible when the checkbox is enabled.
[ top ]
[ top ]