Is there a CodePen Validator?

Hello, I am currently working on my personal portfolio page and I am having difficulty in on particular section and I was wondering if someone knows of a place I can input my code and have it validate it from CodePen? I have tried using W3C by entering the link to my page and it didn’t pull what I was hoping it would.

Thoughts and insights would be appreciated.



Yeah. Run the debug link of your project through the validator. On full page and editor view in codepen, your website is in an iframe embedded in the codepen site, so it will not work. On debug view, your site has no codepen influence, and behave just as if you hosted it somewhere. So for example I can run my wiki viewer that I did quite a while ago (and never checked it) through the validator like this:

And actually, the only errors I get were from codepen’s link attributes. I guess I did do pretty good when I started out ;).

1 Like

Perfect. Thank you for your quick response!

@Cat0112 You can also use Codepen’s built in analysis tools.

In the top right corner of each code panel there is an ‘analyse’ button. This let’s you check the validity of your HTML and run a linter for your JS and CSS.

1 Like