Por ejemplo, quiero depurar el código para cargar una imagen al redactar una publicación en el backend de Wordpress. Hago clic en el botón "Agregar medios", hago clic con el botón derecho en la pestaña "Biblioteca de medios", hago clic en el elemento "Inspeccionar" en el menú contextual (Firefox). Luego hago clic en el botón "evento" al final de un elemento <div id="__wp-uploader-id-2...> y encuentro varios controladores de eventos, uno de los cuales está etiquetado con jQuery, los otros están etiquetados con "Bubbling DOM2". Hago clic en los controladores de eventos y obtengo este código:

 //for jQuery event handler function() { t = setTimeout(function() { r = !1, i.trigger("dropzone:leave").removeClass("drag-over") }, 0) } //Bubbling DOM2 handler function(a) { return void 0 === n || a && n.event.triggered === a.type ? void 0 : n.event.dispatch.apply(k.elem, arguments) } //another Bubbling DOM2 handler function(t) { e(t) && (t.preventDefault(), f = [], t.dataTransfer.items && t.dataTransfer.items[0].webkitGetAsEntry ? c(t.dataTransfer.items, function() { i.files = f, i.trigger("drop") }) : (n.each(t.dataTransfer.files, function(e) { a(e) }), i.files = f, i.trigger("drop"))) }

Pero ninguno de los códigos me lleva al código js real para manejar el evento de carga. ¿Cómo puedo localizar el código js que realmente hace frente al evento de carga? Eventualmente, quiero ubicar el código php en el lado del servidor que se ocupa de la carga.