prettyPrint.js
prettyPrint.js is an in-browser JavaScript variable dumper, similar in functionality to ColdFusion's cfdump tag.
First, a preview:
Preview:
Features:
- Entirely independent. It requires NO StyleSheets or images.
- Handles infinitely nested objects.
- All native JavaScript types are supported plus DOM nodes/elements!
- Protects against circular/repeated references.
- Allows you to specify the depth to which the object will be printed.
- Better browser users benefit from gradient column-headers! Thanks to HTML5 and
CANVAS! - Allows low-level CSS customisation (if such a thing exists).
Usage:
Download prettyPrint.js and include it in your document:
<script src="prettyPrint.js"></script>
Whenever you want to pretty-print an object of any type simple call prettyPrint:
prettyPrint( myObject );
That, on its own, won't do anything though; prettyPrint returns a table which you can handle in any way you desire. For example, if you wanted to insert the table at the very top of the document:
var tbl = prettyPrint( myObject );
document.body.insertBefore( tbl, document.body.firstChild );
Or, appending it to the document:
document.body.appendChild(tbl);
Configuration:
Custom settings can be passed (as an object) as the second argument to the prettyPrint() function:
prettyPrint(myFoo, {
// Config
maxArray: 20, // Set max for array display (default: infinity)
expanded: false, // Expanded view (boolean) (default: true),
maxDepth: 5 // Max member depth (when displaying objects) (default: 3)
})
tip: Scroll to line ~679 of prettyprint.js for more configuration options.
0 Dec 30, 2021
20 Nov 19, 2022
4 Apr 25, 2022
32 Dec 25, 2022
155 Nov 25, 2022
27 Jun 27, 2022
17 Sep 10, 2022
103 Dec 16, 2022
6 Apr 27, 2022
7 Jul 22, 2022
17 Nov 17, 2022
37 Sep 28, 2022
1 Jun 30, 2022
6 Oct 8, 2022
5 Oct 31, 2022
7 Oct 3, 2022
3 Sep 24, 2022
2 Oct 7, 2022
28 Jan 1, 2023