devtools-preprocessor's Introduction

devtools-preprocessor

##DevTools API for preprocessor was deprecated and removed.

This DevTools Extension provide two tools based on script preprocessor API that you can use to trace JS execution and to measuring hits count.

Profiler tool implements instrumentation profiler. Tool replaces all functions in script and injects code that captures timing information for each function. It is a useful tool to trace code execution and a rough estimate of time costs. Profiler generates source map for each processed source that allows you to navigate to original source code and, for example, set some breakpoints.
Hits Counter tool measures the number of executions of each instruction. The tool can be useful when searching for unused code, or for measuring code coverage.

Extension uses next third party:

Esprima for parsing JS
Escodegen for generating modfied code with source map.
Polymer for UI.
codemirror and trace-viewer for tools UI.

Build and install instructions

git clone https://github.com/ak239/devtools-preprocessor
cd devtools-preprocessor
bower install
vulcanize -o ./Panel/build.html ./Panel/Panel.html --csp
open extensions tab in chrome
check developer mode and load extension folder

Install last release:

download *.crx for last release here
open chrome://extensions tab
drag and drop crx file to tab

Screenshots

Profiler

Hits Counter

devtools-preprocessor's People

Stargazers

Watchers

devtools-preprocessor's Issues

Add ability to reload with enabled flag

Enable checkbox and refresh button replace by one button

Build scripts and documentation

At the moment, there is no build instructions and documentation

Improving the use of Polymer library

Extract components in separate files.
Use more Polymer API.

Profiler: source serialization

Btoa not works in all cases

Profiler tool should store the result in window objects

Now, Profiler tool uses window.top object.

Tab in hits coverage should be switched quickly

trace-viewer ignores mouse offset

This makes navigation on it is not good.

live variable

Later, when chrome devtools API shall gain the method, that will allow me to receive selection in code editor, it will be interesting to try to implement "live variable" tool.

Not able to see anything under Profiler or Hit counts

Hi,

I am not able to see anything under Profiler or Hit counts. I am using latest Chrome version.
Basically I want to find out JS code coverage so thought to try devtools-preprocessor.I am having few FitNesse UI test cases and by executing these in browser I want to find out JS code coverage.I am not sure whether this is possible with devtools-preprocessor or not but wanted to just give it a try.

Please let me know what all steps I need to perform once I install devtools-preprocessor extension.
If there are any other tools/extensions you know please let me know.
Help is deeply appreciated.