What is Live View in CodePen?

Live View is a full-page view of your Pen that updates in real time as you update the code in your Pen . Updates happen as you type, just like the preview in the Editor, except that this URL can be open in another window or tab, in a different browser, or even on a completely different computer or device.

Read more

What is debug mode in CodePen?

Debug Mode is a feature we designed for—you guessed it—debugging your code . The debug view of your Pen shows you the result of your code without the CodePen frame around it. It makes it easier to focus in on what’s going on with your code as you wrote it, since you can rule out any CodePen influence.

Read more