DiscoverCodePen Radio404: Preventing Infinite Loops from Crashing the Browser
404: Preventing Infinite Loops from Crashing the Browser

404: Preventing Infinite Loops from Crashing the Browser

Update: 2025-08-06
Share

Description

Stephen and Chris hop on to talk about how we're saving everyone from crashed browser tabs in CodePen's 2.0 editor. One simple:







Executing JavaScript can cause a browser tab to entirely lock up, preventing you from doing anything, like potentially saving your work. It can even crash other same-domain tabs. But not on our watch! CodePen is now using a "heartbeat" technique to report up from the preview iframe to the parent page, and if we don't hear the heartbeat, we can rip out the iframe and stop the crash. But it was very tricky to get working and not too jumpy.





Fortunately, we got it all working, because our previous technique of instrumenting your JavaScript wasn't going to scale well to the 2.0 editor.





Time Jumps

Comments 
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

404: Preventing Infinite Loops from Crashing the Browser

404: Preventing Infinite Loops from Crashing the Browser

CodePen Blog