Capture du journal de la console d'un iframe

Est-il un moyen de capturer la console à l'extérieur d'un iframe?

Je suis en train de travailler sur un en ligne IDE similaire à jsFiddle et je voulais donner aux utilisateurs l'option d'au moins lire les résultats de la console javascript.

source d'informationauteur Adonis K. Kakoulidis

  1. 1

    Voici une autre solution si vous ne voulez pas ajouter de HTML

    var console = {
  __on : {},
  addEventListener : function (name, callback) {
    this.__on[name] = (this.__on[name] || []).concat(callback);
    return this;
  },
  dispatchEvent : function (name, value) {
    this.__on[name] = (this.__on[name] || []);
    for (var i = 0, n = this.__on[name].length; i < n; i++) {
      this.__on[name][i].call(this, value);
    }
    return this;
  },
  log: function () {
    var a = [];
    //For V8 optimization
    for (var i = 0, n = arguments.length; i < n; i++) {
      a.push(arguments[i]);
    }
    this.dispatchEvent("log", a);
  }
};

    À l'extérieur de l'iframe

    iframe.contentWindow.console.addEventListener("log", function (value) {
  console.log.apply(null, value);
});
  2. 17

    Si vous souhaitez imprimer le journal des messages à l'intérieur de la fenêtre conteneur du corps, il est possible de déclarer le panneau:

    var console = {
    panel: $(parent.document.body).append('<div>'),
    log: function(m){
        this.panel.prepend('<div>'+m+'</div>');
    }       
};
console.log('message');