doc.progysm.com

console.log

Voir console.log et console.dir

console.log(o)

Fonction utilitaire ds()/dsf

ds = debug string

function ds(o, sep) { var s = ''; sep = sep || '\n'; for ( var i in o ) { s += i + ':' + o[i] + sep; } return s; }

dsf = debug string ([function])

function dsf(o, sep) { var s = ''; sep = sep || '\n'; for ( var i in o ) { if (typeof o[i] == "function") { s+= i + ' [function]' + sep; } else { s += i + ':' + o[i] + sep; } } return s; }

Debug 1

Description: Affiche la liste des constantes/attributes/méthodes dans une fenêtre Popup.

  var s = ds(document);
  win = window.open ('', 'fen','scrolling=1');
  win.document.open();
  win.document.write('<pre>'+s+'<\/pre>');
  win.document.close();

Debug 2

Description: Affiche tous les attributs et constantes dans un alert().

  alert(dsf(document, ', '));

Debug 3

Description: Affiche les constantes, attributs et méthodes d'un élément choisit par le nom de sa balise.

var o=document.getElementsByTagName('textarea')[0];alert(dsf(o));

Debug 4

Description: Affiche les constantes, attributs et méthodes d'un élément choisit par son attribut ID.

var o=document.getElementById('titre');alert(dsf(o));

Debug 5

Description: Affiche les constantes, attributs et méthodes d'un document et affiche le contenu dans la fenêtre principal.

document.write(dsf(document)));

Debug 6

Description: Affiche les constantes, attributs et méthodes d'un document du premier cadre et affiche le contenu dans la fenêtre principal.

document.write(dso(frames[0].document));

Inspecter un objet avec des getter() non accessible

// liste des fonctions
let o = WebGLRenderingContext.prototype;
const arr = Object.getOwnPropertyNames(o).filter( x => {
	const t = Object.getOwnPropertyDescriptor(o, x);
 	return !t.get && typeof o[x] === 'function'
})
console.log(arr);