Debug Ausgabe mit Javascript | Johannes Ulrich Gehrke — Debug Ausgabe mit Javascript

/**
Gibt den Wert eines Objekts in der Konsole zurück

@param mixed   object Variable die Ausgegeben werden soll.
@param string  title  Optional. Pre-Text als Titel vor der Ausgabe. 
@param string  style  Optional. Inline CSS for message styling.
*/
function d( object, title = 'Debug: ', style = 'background: rgb(0,183,183); color: rgb(255,255,255); font-weight : bold' ){
	console.log("%c " + title + object, style);
	if( typeof object === 'object' || typeof object === 'array' ){
		console.log( object );
	}
}


/* Beispiel Aufrufe */

d( meine_var ); // Normale Ausgabe der Var

d( meine_var, 'Neuer Titel: ' ); // Ausgabe 'Neuer Titel: meine_var'

d( meine_var, 'Data: ', 'color:#ff0000' ); // Ausgabe 'Data: meine_var' in Rot

Mit den sechs Zeilen bekommt kann man formatierte console.log Ausgaben erzeugen

Schnellere und bessere Debug-Ausgaben mit Javascript & console.log

Console.log dauert immer so lange zu tippen – und sieht dann auch noch sehr rudimentär aus. Um im Javascript schneller mir Debug-Ausgaben mit Console.log her zaubern zu können, benutzt eine kurze Funktion d();

Diese Funktion ist nicht mehr als eine Kurzversion von console.log() aber mit Styling und Titel, so das die Konsolen Ausgabe auch Formatiert ist. Dies ist das Javascript Gegenstück zu der PHP-Kurzform über die ich hier bereits was geschrieben habe: „BESSERE & SCHNELLERE DEBUG-AUSGABEN MIT VAR_DUMP“

3. April 2018 | Wordpress