bgirard / cleopatra

UI for the gecko profiler

Cleopatra

Cleopatra is a webpage to visualize performance profiles. It was written to be used by the Gecko Profiler but can in theory be used by any profiler that can output to JSON. The UI runs entirely client-side except for a few profile storage and retrieval option.

Code

Directory js: ui.js - Fetches profiles, dispatches heavy requests to parserWorker.js, display the processed data. parserWorker.js - Parses the profiles, handling filtering, searching and grouping. tree.js - Custom tree view control.

Running

1. Open index.html. Note that some features, such as reading local profiles, will either require you to run a webserver using 'run_webserver.sh' if you have python installed or setting 'security.fileuri.strict_origin_policy;false' in about:config.
2. Add ?report= to an existing profile you have upload for easy testing.

or

1. Install the 'Gecko Profiler Add-on'
2. Set 'profiler.url' to your local copy of index.html such as 'file:///Volumes/Guest%20OS/Users/bgirard/ben/sps/cleopatra/index.html' and 'Analyze' a profile.

or

1. Open index.html and load a profile from a file

Contributing

1. Fork 'https://github.com/bgirard/cleopatra' on github.
2. Push changes to your local fork.
3. Submit a github pull request

cleopatra's Issues

Display bhr markers

See bgirard/Gecko-Profiler-Addon#107 .

Cleopatra can not load sample.log in the git repo

For others generating profiles it would be nice if this worked.

Overlapping text in upper-left pane (Cleopatra "Local Profile" list), due to leaking float effects

STR (for me at least):
(1) Record 4+ profiles using the Gecko Profiler Add-on.
(2) View one of them and look at your Local Profile list in upper-left

ACTUAL RESULTS: Overlapping stuff. See attached screenshot.