How to catch JavaScript errors in all Iframes (with window.error)?

Question

I know one can add event listener for window.error.

However when working with Iframes, each iframe has its own window element, and window.error should be created for each and every iframe.

Is it possible somehow to define error event handler in one location, where all errors will trigger this specific method?

scunliffe · Accepted Answer · 2009-08-30 14:16:14Z

7

This might work.

function myHandler(msg, url, line){
  //do stuff here...
}

//hook in all frames...
function addErrorHandler(win, handler){
  win.onerror = handler;
  for(var i=0;i<win.frames.length;i++){
    addErrorHandler(win.frames[i], handler);
  }
}
//start with this window... and add handler recursively
addErrorHandler(window, myHandler);

answered Aug 30, 2009 at 14:16

scunliffe

63.8k26 gold badges132 silver badges168 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Tal Over a year ago

Thanks for that. looks nice, although seems not to be perfect for my app - IFrames and windows are created on the fly without me able to control much of them, so I cannot know in advance all the win objects. I guess there isn't a global error handling way in IE window? Thanks, Tal.

scunliffe Over a year ago

ah, in that case... in every frame you create, just add... window.onerror = top.myHandler;

Tal Over a year ago

yes...but I don't know in advance what would be the source of the Iframe. (using form submit to the target IFrame) - the window.onerror should be inside the IFrame code itself..

scunliffe Over a year ago

Hmm, do you have a global JS file that you include in all frames? if so, can your onerror handler go in there? and be hooked in to each window when the script file is loaded? Depending what info you want/need in the error handler, you could check the parent[n], and child[n] frames to determine hierarchy within the error handler. Out of interest... what do you do with the handler? e.g. do you do an AJAX callback to log the error/email system support? or do you just alert the user in a "pretty" way?

Tal Over a year ago

There are several Iframes with a global JS and this is a good idea. Some Iframes are do not have anything in common and created dynamically - any thoughts for that? Regarding the error handler - I'm thinking of doing some AJAX callback for support. but currently this is saved only on client side in some string for later viewing.

7wp · Accepted Answer · 2009-08-30 11:26:57Z

1

I haven't tried this so please don't hang me for it :-) In the master/parent window that holds all of the iframes, you could create your error handing function there. Then use jQuery to grab all of your iFrames in your page and register the .error handler to point to your function registered in the parent window.

PS: Also while were on the topic of javascript error handling, this is pretty cool too: https://damnit.jupiterit.com/

answered Aug 30, 2009 at 11:26

7wp

12.7k20 gold badges80 silver badges108 bronze badges

Collectives™ on Stack Overflow

How to catch JavaScript errors in all Iframes (with window.error)?

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related