什么是HTML5 Javascript postMessage API的好调试器？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了什么是HTML5 Javascript postMessage API的好调试器？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1263字，纯文字阅读大概需要2分钟。

内容图文

有没有什么好的工具可以让开发人员正确调试在postMessage之间发送的消息？

或者也许是Firebug的插件？

解决方法:

Firebug (as of 1.11 beta 1)通过monitorEvents()支持此功能.你可以这样做：

$("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：谢谢你提到feature request)

编辑：Also works in Chrome,虽然当我尝试上面的代码我遇到一个安全错误,document.domain值不相同,所以这两个实现的行为可能会略有不同.

更新：我向Chrome团队提供了submitted a feature request,要求postMessage事件出现在时间轴中.此外,我发现extension called JScript Tricks可以在加载时将任意JavaScript代码注入页面.您可以向其添加以下代码,以便在页面加载后监视事件.虽然它可能会错过立即发生的事件(例如,在onload之前,如果可能的话),它的效果非常好.

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

内容总结

以上是互联网集市为您收集整理的什么是HTML5 Javascript postMessage API的好调试器？全部内容，希望文章能够帮你解决什么是HTML5 Javascript postMessage API的好调试器？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端