Languages
[Edit]
EN

CodePen.io - change view to JS + console

3 points
Created by:
Violetd
685

In this article, we would like to show you how to change the default view to a view with only JavaScript and console panel in CodePen.io. 

Quick solution - add an 0012 value to editors parameter to the URL:

 https://codepen.io/xxxxxx?editors=0012

Practical example:

1. Default view 

https://codepen.io/dirask/pen/JjPxBgd

2. With editors=0012 flag

https://codepen.io/dirask/pen/JjPxBgd?editors=0012

CodePen.io state examples

Without the Console

With the Console

The most practical state for pure JS examples:

0012 - this state will keep Web Preview OFF and Console ON:

0011 - this state will keep Web Preview ON and Console ON:

    More under below link:

    Donate to Dirask
    Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
    Join to our subscribers to be up to date with content, news and offers.

    CodePen.io

    Native Advertising
    🚀
    Get your tech brand or product in front of software developers.
    For more information Contact us
    Dirask - we help you to
    solve coding problems.
    Ask question.

    ❤️💻 🙂

    Join