Error Logging Into Div Object Error
Contents |
here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the console.log to html workings and policies of this site About Us Learn more about Stack
Javascript Capture Console Output
Overflow the company Business Learn more about hiring developers or posting ads with us Stack Overflow Questions Jobs console-log-div Documentation Tags Users Badges Ask Question x Dismiss Join the Stack Overflow Community Stack Overflow is a community of 4.7 million programmers, just like you, helping each other. Join
Javascript Get Console Errors
them; it only takes a minute: Sign up Showing console errors and alerts in a div inside the page up vote 31 down vote favorite 10 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 javascript catch console error for future use I need to send all console errors to window. Actually I want to catch console events. javascript browser share|improve this question asked Jul 6 '11 at 23:25 Mohsen 31k21101136 add a comment| 4 Answers 4 active oldest votes up vote 35 down vote accepted 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('
' + message + '
'); }; console.error = console.debug = console.info = console.log share|improve this answer answered Jul 7 '11 at 0:45 jzilla 1,07368 is it still working? –Omar Tariq Jul 8 '15 at 20:51 1 Didn't work for me. I'm using chrome browser. –GobSmack Aug 6 '15 at 19:36 worked in chrome 48 –S_Madushan Feb 29 at 16:20 add a comment| up vote 17 down vote Here's a way using closure, containing the old console log function in the scope of the new one. console.log = (function (old_function, div_log) { return function (text) { old_function(teSign in Pricing Blog Support Search GitHub This repository Watch 2 Star 28 Fork 7 bahmutov/console-log-div Code Issues 1 Pull requests 0 Projects 0 Pulse Graphs Clones
Window.error Javascript
console.log calls to a created div in the page. Great for demos and
Console.error Javascript
experiments. http://glebbahmutov.com/console-log-div/test/index.html 64 commits 2 branches 16 releases Fetching contributors JavaScript 57.2% HTML 42.8% JavaScript HTML Clone or download console.log in javascript Clone with HTTPS Use Git or checkout with SVN using the web URL. Open in Desktop Download ZIP Find file Branch: master Switch branches/tags Branches Tags gh-pages master Nothing to show http://stackoverflow.com/questions/6604192/showing-console-errors-and-alerts-in-a-div-inside-the-page v0.6.3 0.6.2 0.6.1 0.6.0 0.5.0 0.4.0 0.3.0 0.2.0 0.1.3 0.1.2 0.1.1 0.1.0 0.0.5 0.0.4 0.0.2 0.0.1 Nothing to show New pull request Latest commit 7e42471 Aug 10, 2016 bahmutov ignoring npm debug log file Permalink Failed to load latest commit information. bower_components/es5-shim test page Jan 18, 2015 images added demo screenshot Feb 2, 2015 test feat(error): showing message for Error arguments, closes #17 https://github.com/bahmutov/console-log-div Aug 10, 2016 utils Remove jQuery and added maxstatements Mar 7, 2015 .gitignore ignoring npm debug log file Aug 10, 2016 .npmrc better npmrc Apr 17, 2016 .travis.yml chore(ci): added semantic release, closes #16 Apr 17, 2016 Gruntfile.js chore(deps): upgraded some deps Apr 17, 2016 README.md chore(ci): added semantic release, closes #16 Apr 17, 2016 bower.json chore(deps): upgraded dependencies Apr 17, 2016 console-log-div.js feat(error): showing message for Error arguments, closes #17 Aug 10, 2016 demo.html Remove jQuery and added maxstatements Mar 7, 2015 package.json updated some dependencies Aug 10, 2016 README.md console-log-div Clones console.log calls to a created div in the page. Great for demos and experiments. Demo, Better short JS demos blog post Use Grab using npm or bower under name console-log-div. Include 'console-log-div.js' in your page. console.log calls will be shown in the div on the page. The created element will have class .console-log-div and id console-log-div thus you can style it. The inner text will has id console-log-text. Customize existing fieldset Instead of add
simple wrapper for the console's logging methods, and was created to allow a very easy-to-use, cross-browser logging solution, without requiring excessive or unwieldy object detection. http://benalman.com/projects/javascript-debug-console-log/ If a console object is not detected, all logged messages will be stored internally until a logging callback is added. If a console object is detected, but doesn't have any of the debug, info, warn, and error logging methods, log will be used in their place. For convenience, some of the less common console methods will be passed through to the console object if they are detected, otherwise they will simply fail console error gracefully. Release v0.4 No third-party JavaScript API or console required. Tested in Internet Explorer 6-8, Firefox 3-3.6, Safari 3-4, Chrome 3-5, Opera 9.6-10.5. Download Source, Minified (1.1kb) Follow the project on GitHub project page View Full Documentation Example: JavaScript Debug Benefits of using debug over console directly No errors are thrown if console object doesn't exist, and no extra object detection is required, just log away! If the specified logging method error logging into doesn't exist, method will degrade to log. If console object doesn't exist, logs are stored internally and can be shown if and when an alternate console is added with debug.setCallback. Console logging can be disabled at any time with debug.setLevel(0). This won't stop debug from storing logs, which allows you to inject a console (like Firebug Lite) or log viewer after the fact, to see already-logged data. In WebKit, logged arguments are wrapped in an array [] for a more visually pleasing visual output. // Instead of this: window.console && console.log && console.log( this, 'that', { the: 'other' } ); // Just do this: debug.log( this, 'that', { the: 'other' } ); Supported logging methods, and their degradation path debug.log > console.log debug.debug > console.debug > console.log debug.info > console.info > console.log debug.warn > console.warn > console.log debug.error > console.error > console.log For example: // If the current console doesn't have any of the four non-log // methods used here, log will be used. var a = 0, b = 'two', c = { foo: 1, bar: 2, baz: 'three' }, d = false, e = [ 3, 4, 5, 6, 7, 8 ]; debug.log( a ); debug.debug( b ); debug.info( c ); debug.warn( d ); debug.error( e ); (View a live exampl