Can you debug in CodePen?

If you’re a free member, you can view Debug View on your own Pens while logged into your CodePen account on a supported browser . If you’re logged out, you’ll see an error screen reminding you to log in. Debug is disabled for anonymous Pens.

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

How do I see errors in CodePen?

Red dots in the sidebar , indicating the errored file and all folders that contain it. That way if a file is a few levels deep, you’ll always be able to follow the dots down to find it. In the new logs, which show you the complete error output and includes a button to jump to that file.

Read more