HTML5 Javascript postMessage API için iyi bir hata ayıklayıcısı var mı?

Question

Geliştiricilerin, pencereler arasında postMessage ile gönderilen iletileri doğru şekilde ayıklamasına izin veren iyi bir araç var mı?

Veya Firebug için bir eklenti olabilir mi?

Answer 1

Firebug (as of 1.11 beta 1) bunu monitorEvents() ile desteklemektedir. Böyle bir şey yapabilirsiniz:

$("iframe").each(function(i, e) { 
    console.log("Monitoring messages sent to: iframe(" + i + ")#" + $(this).attr("id")); 
    monitorEvents(this.contentWindow, "message"); 

    // Send a test message to this iframe 
    this.contentWindow.postMessage("Hi iframe - " + i, "*"); 
}); 

console.log("Monitoring messages sent to window"); 
monitorEvents(window, "message"); 
// Send a test message to the window 
window.postMessage("Hi window", "*"); 

(@Pierre: söz için teşekkürler o feature request)

DÜZENLEME:Also works in Chrome, ben bir güvenlik hatası ile karşılaştı yukarıdaki kodu çalıştığımızda olsa o document.domain değerler aynı değildi, bu yüzden bu iki uygulamanın davranışları biraz farklı olabilir.

UPDATE: Chrome ekibine, postMessage olaylarının zaman çizelgesinde görünmesini isteyen submitted a feature request numaralı telefonum var. Ayrıca, yüklendiğinde bir sayfaya rasgele JavaScript kodunu enjekte edebilen bir extension called JScript Tricks buldum. Sayfa yüklendikten sonra olayları izlemek için aşağıdaki kodu ekleyebilirsiniz. Oldukça iyi çalışır, ancak hemen gerçekleşen olayları (örneğin, eğer mümkün ise, bu, yükten önce) özleyebilir.

(function($) { 
    var $window = $(window); 
    $window.add("iframe").on("message", function(e) { 
     console.log("Received messsage from " + e.originalEvent.origin + ", data = " + e.originalEvent.data); 
    }); 
})(jQuery); 

Answer 2

Firebug feature-request yayımlandı.