Debug Mode is similar to Full Page View in that it shows you a full page preview of your Pen.
But, Debug Mode is different because:
- There's no CodePen header
- The preview is not inside an iframe
- The view has no CodePen influence whatsoever
Debug Mode is just a totally raw, rendered view of the code you authored in a Pen. It's great for debugging, testing your code in legacy browsers, or just showing off your code without the CodePen frame around it.
If you're a free member, you can view Debug Mode on your own Pens while logged into CodePen.
If you're a PRO member, your Pens can be seen in debug mode by anyone, even while logged out, which makes it easier to share the debug mode with clients, view it on your mobile device, or test it on legacy browsers, since you don't have to go through the log in process.
You can reach the Debug Mode on your own Pens through the Change View Switcher while logged in:
Or, you can change /pen/ to /debug/ in your Pen's URL.
Debug Mode Access
If you're a free member, you can view debug mode on your own Pens while logged into your CodePen account. If you're logged out, you'll see an error screen reminding you to log in.
PRO members don't have to log in to see the debug mode of their own Pens. This makes it easy to share your Pens with others or test them on multiple devices without having to log in. Anyone with the link to your public or private Pen can view it in debug mode.
PRO members can also view any member's Pen in debug mode while logged into CodePen. If you're not logged in and you try to view another member's Pen in debug mode, you'll see an error screen reminding you to log in.
Debug is disabled for anonymous Pens.