Download .zip |
Info | Documentation | Screenshots | View files (122) | Download .zip | Reputation | Support forum | Blog | Links |
Last Updated | Ratings | Unique User Downloads | Download Rankings | |||||
2017-11-01 (Less than 1 hour ago) | Not yet rated by the users | Total: Not yet counted | Not yet ranked |
Version | License | JavaScript version | Categories | |||
wrappertracer 1.0 | GNU General Publi... | 5 | Language, Debug |
Description | Author | |||
This package can display traced calls to given objects. Innovation Award
|
> ----------------------------------------------------------------------------------------------------- > '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 | ||
Files |
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 | / | 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 | / | 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 | / | WrapperTracer-en | / | doc | / | assets |
File | Role | Description |
---|---|---|
canvasShapes-All.en.min.js | Class | Class source |
objects.min.js | Class | Class source |
Files | / | 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 | / | 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 | / | 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 | / | WrapperTracer-en | / | doc | / | scripts | / | smooth-scroll |
File | Role | Description |
---|---|---|
LICENSE.md | Lic. | License text |
smooth-scroll.min.js | Class | Class source |
Files | / | 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 | / | 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 | / | 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 | / | 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 | / | WrapperTracer-es | / | doc | / | assets |
File | Role | Description |
---|---|---|
canvasShapes-All.en.min.js | Class | Class source |
objects.min.js | Class | Class source |
Files | / | 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 | / | 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 | / | 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 | / | WrapperTracer-es | / | doc | / | scripts | / | smooth-scroll |
File | Role | Description |
---|---|---|
LICENSE.md | Lic. | License text |
smooth-scroll.min.js | Class | Class source |
Files | / | 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 | / | 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 | |||||||
98% |
|
Applications that use this package |
WrapperTracer Tutorial 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 |
WrapperTracer GitHub GitHub API page |