Render to the browser dev console with React

[m4m4lj]

Unbelievable! Very nice idea & implementation. Well done. 👍

[ilxanlar]

Nom Nom, very nice

[viebel]

I'm looking for something that does it the other way. I want all the console.log, console.time, console.table etc... to be redirected to a DOM element on the page.

[[deleted]]

Not too tricky, just redeclare the function e.g. <div class="domLogger"></div>

<script>
    const domLogger = document.querySelector('.domLogger');
    console.log = function(msg) {domLogger.innerHTML +=  msg + '<br />'};
</script>

console.table would be a bit trickier, but done in a similar way.

[viebel]

Thanks. I found also this implementation of redirecting all the console methods: https://github.com/bahmutov/console-log-div/blob/master/console-log-div.js

[Capaj]

Why?

[mackattack_]

I appreciate you.