Question

58

Showing console errors and alerts in a div inside the page

rated 0 times [ 61] [ 3] / answers: 1 / hits: 57656 / 13 Years ago, wed, july 6, 2011, 12:00:00

I'm building a debugging tool for my web app and I need to show console errors in a div. I know I can use my own made console like object and use it, but for future use I need to send all console errors to window. Actually I want to catch console events.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

christianu

Add To Favorites

Follow

Total Points: 481

Total Questions: 124

Total Answers: 99

Location: Trinidad and Tobago

Member since Thu, Dec 1, 2022

2 Years ago

christianu questions

1 Having a trouble with Google OAuth2 (app has no backend, so client side only)

Mon, May 9, 22, 00:00, 2 Years ago

1 Change Icon on click with JS

Thu, Mar 10, 22, 00:00, 2 Years ago

1 Svelte: is there a way to cache the api result in a way that it won't trigger the api call everytime the component renders?

Sun, Sep 27, 20, 00:00, 4 Years ago

1 Javascript / React use of square brackets

Sun, Jul 5, 20, 00:00, 4 Years ago

1 Cannot POST to Express router (404 error)

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 13 Years ago danyelletyanah · Accepted Answer

To keep the console working:

if (typeof console  != undefined) 

    if (typeof console.log != 'undefined')

        console.olog = console.log;

    else

        console.olog = function() {};



console.log = function(message) {

    console.olog(message);

    $('#debugDiv').append('<p>' + message + '</p>');

};

console.error = console.debug = console.info =  console.log