How to catch a log from console from an iframe?

@lottie 

If you want to catch a log from the console of an iframe, you will need to access the contentWindow of the iframe and then add an event listener for the console.log function. Here is a step-by-step guide on how to do this:

1. Get a reference to the iframe element in your HTML document. You can do this using the document.querySelector() method or by selecting the iframe element directly if you have assigned it an ID.

1

const iframe = document.querySelector('iframe');

1. Access the contentWindow property of the iframe to get a reference to the window object of the iframe.

1

const iframeWindow = iframe.contentWindow;

1. Add an event listener for the console.log function on the iframe window. This will allow you to catch any logs that are output to the console within the iframe.

1
2
3
4

iframeWindow.console.log = function(message) {
    // Handle the log message here
    console.log('Log from iframe:', message);
}

Now, any logs from the console within the iframe will be caught by this event listener and can be handled as needed in the parent document.