JavaScript CSS HTML Shell
#67 Compare This branch is 457 commits ahead of mozilla:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
css
images
js
qunit
samples
.gitmodules
.nojekyll change perms Jun 8, 2012
.travis.yml
README.md
appcache_generator.sh
bootstrap.sh
credit.html
deploy.sh
download_profile.sh
favicon.png
index.html
production.sh
run_tests.sh Add support for slimerjs Jan 14, 2015
run_webserver.sh
sample.big
sample.log
sample.profile
test.html

README.md

Build Status

Cleopatra Screenshot

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