Recommend this page to a friend! |
Download |
Info | Documentation | Screenshots | Files | Download | Reputation | Support forum | Blog | Links |
Ratings | Unique User Downloads | Download Rankings | ||||
Not enough user ratings | Total: 34 | All time: 522 This week: 4 |
Version | License | JavaScript version | Categories | |||
wrappertracer 1.0 | GNU General Publi... | 5 | Language, Debug |
> ----------------------------------------------------------------------------------------------------- > 'WrapperTracer' (Class JS) - Analysis and 'JS Objects' Traces. > Author: Juan José Guerra Haba - <dinertron@gmail.com> - Marzo de 2016 > License: Free BSD. & Open GPL v.3. Keep credit, please. > Versión: 1.0.0 BETA > File: WrapperTracer.js Main Class: WrapperTracer.js > > ----------------------------------------------------------------------------------------------------
It is a class that creates Javascript wrapper objects to allow tracking of the executed methods.
1. Do not in any way alter the original object 2. Fully OOP 3. Cross-browser 4. Philosophy MVC 5. Reduction to minimum of code to use by the user.
Simply call the constructor with two parameters: The object tracking and DOMElement container element that will house the results for the GUI. The container element parameter can be a string containing the element id. Ej:
var wrapped = new WrapperTracer(obj1, "containerUI");
Of course you must be loaded before the script in the HTML header.
<script type="text/javascript" src="WrapperTracer.js"></script>
It serve of TRACER to obtain a visual representation of methods's execution cycle, as help with information (elapsed time, nesting, methods type, parameters, ...). This class relies heavily on the utility functions of an internal object implemented in the same file, the 'Util' object, which contains methods and objects statics that although they are geared specifically for object 'wrapper', they could be used outside the same using his 'classpath'.
<dl> <dt>Constructor</dt>
<dd> WrapperTracer (object, idElement, callback);</dd>
<dt>Getters</dt>
<dd>getId ();</dd>
<dd>getTarget ();</dd>
<dd>getWrapped ();</dd>
<dd>getCallback ();</dd>
<dd>getProps ();</dd>
<dd>getInfo ();</dd>
<dd>getContainer ();</dd>
<dd>getUtil ()</dd>
<dt>Setters</dt>
<dd>setContainer (idElement);</dd>
</dl>
Created and developed entirely by Juan Jose Guerra Haba. <dinertron@gmail.com> Copyright 2015 © <a href="mailto:dinertron@gmail.com" title="author">GuerraTron</a> License GPL v3
Created with Nodeclipse (Eclipse Marketplace, site) Nodeclipse is free open-source project that grows with your contributions. Debug by Firefox + Firebug Additional editing and cleaning withNotepad++
Screenshots (2) | ||
Files (124) |
File | Role | Description | ||
---|---|---|---|---|
WrapperTracer-en (5 files, 2 directories) | ||||
WrapperTracer-es (5 files, 2 directories) | ||||
AUTHORS | Data | Auxiliary data | ||
favicon.ico | Data | Auxiliary data | ||
index.html | Data | Auxiliary data | ||
LICENSE | Lic. | License text | ||
README.md | Doc. | Documentation | ||
WrapperTracer-logo.png | Icon | Icon image | ||
WrapperTracer.en.js | Class | Class source |
Files (124) | / | WrapperTracer-en |
File | Role | Description | ||
---|---|---|---|---|
doc (10 files, 6 directories) | ||||
img (8 files) | ||||
package.json | Data | Auxiliary data | ||
README.md | Example | Example script | ||
WrapperTracer-logo.png | Icon | Icon image | ||
WrapperTracer.en.js | Class | Class source | ||
WrapperTracer.en.min.js | Class | Class source |
Files (124) | / | WrapperTracer-en | / | doc |
File | Role | Description | ||
---|---|---|---|---|
assets (2 files) | ||||
css (1 file) | ||||
img (18 files) | ||||
js (1 file) | ||||
scripts (2 files, 2 directories) | ||||
styles (7 files) | ||||
favicon.ico | Data | Auxiliary data | ||
global.html | Doc. | Documentation | ||
index.html | Doc. | Documentation | ||
module-WrapperTracer-WrapperTracer.html | Doc. | Documentation | ||
module-WrapperTracer.html | Doc. | Documentation | ||
tutorial-1_tuto_WrapperTracer.en.html | Doc. | Documentation | ||
tutorial-2_example...apperTracer.en.html | Doc. | Documentation | ||
tutorial-3_example...pperTracer2.en.html | Doc. | Documentation | ||
WrapperTracer.en.js.html | Doc. | Documentation | ||
WrapperTracer.html | Doc. | Documentation |
Files (124) | / | WrapperTracer-en | / | doc | / | assets |
File | Role | Description |
---|---|---|
canvasShapes-All.en.min.js | Class | Class source |
objects.min.js | Class | Class source |
Files (124) | / | WrapperTracer-en | / | doc | / | img |
File | Role | Description |
---|---|---|
BOX.png | Icon | Icon image |
doctron-logo.png | Icon | Icon image |
fondo.png | Data | Auxiliary data |
fondo_inv.png | Data | Auxiliary data |
guerratron.gif | Icon | Icon image |
objCanvasShapes.png | Icon | Icon image |
objJS1.png | Icon | Icon image |
objJS2.png | Icon | Icon image |
objJS3.png | Icon | Icon image |
objJS4.png | Icon | Icon image |
objRsLIB.png | Icon | Icon image |
objWindows.png | Icon | Icon image |
plusMinus.jpg | Icon | Icon image |
screen1.png | Icon | Icon image |
torotron_logo.png | Icon | Icon image |
WrapperTracer-logo-mini.png | Icon | Icon image |
WrapperTracer-logo.png | Icon | Icon image |
WrapperTracer-UI.jpg | Data | Auxiliary data |
Files (124) | / | WrapperTracer-en | / | doc | / | js |
File | Role | Description |
---|---|---|
WrapperTracer.min.js | Class | Class source |
Files (124) | / | WrapperTracer-en | / | doc | / | scripts |
File | Role | Description | ||
---|---|---|---|---|
prettify (3 files) | ||||
smooth-scroll (2 files) | ||||
linenumber.js | Aux. | Auxiliary script | ||
template.js | Aux. | Auxiliary script |
Files (124) | / | WrapperTracer-en | / | doc | / | scripts | / | prettify |
File | Role | Description |
---|---|---|
Apache-License-2.0.txt | Doc. | Documentation |
lang-css.js | Aux. | Auxiliary script |
prettify.js | Example | Example script |
Files (124) | / | WrapperTracer-en | / | doc | / | scripts | / | smooth-scroll |
File | Role | Description |
---|---|---|
LICENSE.md | Lic. | License text |
smooth-scroll.min.js | Class | Class source |
Files (124) | / | WrapperTracer-en | / | doc | / | styles |
File | Role | Description |
---|---|---|
jsdoc-default.css | Data | Auxiliary data |
prettify-jsdoc.css | Data | Auxiliary data |
prettify-tomorrow.css | Data | Auxiliary data |
template-dark.css | Data | Auxiliary data |
template-light.css | Data | Auxiliary data |
template-responsive.css | Data | Auxiliary data |
template.css | Data | Auxiliary data |
Files (124) | / | WrapperTracer-en | / | img |
File | Role | Description |
---|---|---|
favicon.ico | Data | Auxiliary data |
guerratron.gif | Icon | Icon image |
plusMinus.jpg | Icon | Icon image |
WrapperTracer-logo-mini.png | Icon | Icon image |
WrapperTracer-logo.png | Icon | Icon image |
WrapperTracer-UI.en.jpg | Data | Auxiliary data |
WrapperTracer_logo-128.png | Icon | Icon image |
WrapperTracer_logo-24.png | Icon | Icon image |
Files (124) | / | WrapperTracer-es |
File | Role | Description | ||
---|---|---|---|---|
doc (9 files, 6 directories) | ||||
img (7 files) | ||||
LEEME.md | Example | Example script | ||
package.json | Data | Auxiliary data | ||
WrapperTracer-logo.png | Icon | Icon image | ||
WrapperTracer.es.js | Class | Class source | ||
WrapperTracer.es.min.js | Class | Class source |
Files (124) | / | WrapperTracer-es | / | doc |
File | Role | Description | ||
---|---|---|---|---|
assets (2 files) | ||||
css (1 file) | ||||
img (17 files) | ||||
js (1 file) | ||||
scripts (2 files, 2 directories) | ||||
styles (7 files) | ||||
favicon.ico | Data | Auxiliary data | ||
index.html | Doc. | Documentation | ||
module-WrapperTracer-WrapperTracer.html | Doc. | Documentation | ||
module-WrapperTracer.html | Doc. | Documentation | ||
tutorial-1_tuto_WrapperTracer.es.html | Doc. | Documentation | ||
tutorial-2_example...apperTracer.es.html | Doc. | Documentation | ||
tutorial-3_example...pperTracer2.es.html | Doc. | Documentation | ||
WrapperTracer.es.js.html | Doc. | Documentation | ||
WrapperTracer.html | Doc. | Documentation |
Files (124) | / | WrapperTracer-es | / | doc | / | assets |
File | Role | Description |
---|---|---|
canvasShapes-All.en.min.js | Class | Class source |
objects.min.js | Class | Class source |
Files (124) | / | WrapperTracer-es | / | doc | / | img |
File | Role | Description |
---|---|---|
BOX.png | Icon | Icon image |
doctron-logo.png | Icon | Icon image |
fondo.png | Data | Auxiliary data |
fondo_inv.png | Data | Auxiliary data |
guerratron.gif | Icon | Icon image |
objCanvasShapes.png | Icon | Icon image |
objJS1.png | Icon | Icon image |
objJS2.png | Icon | Icon image |
objJS3.png | Icon | Icon image |
objJS4.png | Icon | Icon image |
objWindows.png | Icon | Icon image |
plusMinus.jpg | Icon | Icon image |
screen1.png | Icon | Icon image |
torotron_logo.png | Icon | Icon image |
WrapperTracer-logo-mini.png | Icon | Icon image |
WrapperTracer-logo.png | Icon | Icon image |
WrapperTracer-UI.jpg | Data | Auxiliary data |
Files (124) | / | WrapperTracer-es | / | doc | / | js |
File | Role | Description |
---|---|---|
WrapperTracer.min.js | Class | Class source |
Files (124) | / | WrapperTracer-es | / | doc | / | scripts |
File | Role | Description | ||
---|---|---|---|---|
prettify (3 files) | ||||
smooth-scroll (2 files) | ||||
linenumber.js | Aux. | Auxiliary script | ||
template.js | Aux. | Auxiliary script |
Files (124) | / | WrapperTracer-es | / | doc | / | scripts | / | prettify |
File | Role | Description |
---|---|---|
Apache-License-2.0.txt | Doc. | Documentation |
lang-css.js | Aux. | Auxiliary script |
prettify.js | Example | Example script |
Files (124) | / | WrapperTracer-es | / | doc | / | scripts | / | smooth-scroll |
File | Role | Description |
---|---|---|
LICENSE.md | Lic. | License text |
smooth-scroll.min.js | Class | Class source |
Files (124) | / | WrapperTracer-es | / | doc | / | styles |
File | Role | Description |
---|---|---|
jsdoc-default.css | Data | Auxiliary data |
prettify-jsdoc.css | Data | Auxiliary data |
prettify-tomorrow.css | Data | Auxiliary data |
template-dark.css | Data | Auxiliary data |
template-light.css | Data | Auxiliary data |
template-responsive.css | Data | Auxiliary data |
template.css | Data | Auxiliary data |
Files (124) | / | WrapperTracer-es | / | img |
File | Role | Description |
---|---|---|
favicon.ico | Data | Auxiliary data |
guerratron.gif | Icon | Icon image |
plusMinus.jpg | Icon | Icon image |
WrapperTracer-logo-mini.png | Icon | Icon image |
WrapperTracer-UI.es.jpg | Data | Auxiliary data |
WrapperTracer_logo-128.png | Icon | Icon image |
WrapperTracer_logo-24.png | Icon | Icon image |
Version Control | Unique User Downloads | Download Rankings | |||||||||||||||
98% |
|
|
Applications that use this package |
It's the Official WrapperTracer' Tutorial and API |
If you know an application of this package, send a message to the author to add a link here.
Related pages |
GitHub API page |