Console Log Alternatives | Console Methods in JavaScript | Debug like a PRO

Console object provides access to the browser's debugging console. It is a property of the window object and is accessed with window.console or just console. Open developer tools, hit F12. Console log the console. It will display all console methods available. Most popular method used by web developers is log() to just log some message. With the help of console methods, we can print messages, warning, and errors, that is helpful for debugging. Here is how you can make best use of console log in web development. Use console log and in parenthesis use a string message in quotes. It prints a simple message. Instead of simple console log, use meaningful messages.

For example if you are adding two numbers. Instead of just console logging, console log with extra information about what you are console logging. That message will be more meaningful as it tells what the output is about. To clear console use clear method. You can also style console message. console log message and use percent sign with c with it. Then use comma and use CSS styles. It's just like we type CSS styles and your console message will be beautifully styled. If you want to print a warning message, use, warn method. If you want to print an error message, use, error method. If you want to display an object in console, use table method. Similarly console.time gives you information on how much time it took for a script to run. It has got time method, timeLog method and timeEnd methods. There are many other console methods that are worth exploring, like assert, group, count, trace. Count method logs the number of times that this call has been called. Very useful in a loop to count number of iterations. Trace method outputs the stack trace. Go to MDN web docs, to explore more console methods. There are more than 20 console methods listed there.

✅ How To Hide / Protect JavaScript Code - Techniques and Tools
https://youtu.be/8VyzRlxo2-k
✅ React JS UNDEFINED Solution | Reactjs Learning | Learn ReactJS & JavaScript Debugging Fast
https://youtu.be/0IvxCxcEBPo
✅ Calculate Sum or Total from Values in Array & Array Object | Learn JavaScript | Reduce Method
https://youtu.be/Xw7G2b80dDg
✅ Get URL Parameters in JavaScript | URLSearchParams
https://youtu.be/CZP1iQFQjEY
✅ DIV to PDF, Iframe to PDF using JavaScript Only (with CSS & Images Support)
https://youtu.be/DV2tAG5E-F0
✅ How To UnMinify JavaScript Minified Files Easily | Decrypt Complex JavaScript Code
https://youtu.be/uh8_Rt4Qam8
✅ Toggle Class in Vanilla JavaScript | Learn JavaScript
https://youtu.be/IdtwowBlfmI
✅ How to Execute a JavaScript File by using NPM
https://youtu.be/2xcoenAdSWs
✅ Get User's Location (Country, State, City) with Free Unlimited API Access | PHP & JavaScript
https://youtu.be/_P8_JUaoNgs
✅ Replace jQuery with Vanilla JavaScript Code Easily | jQuery vs JavaScript
https://youtu.be/toJ3vRUMf2g
✅ Toggle in Vanilla JavaScript
https://youtu.be/ebDCyf-JFOw
✅ MINIFY JAVASCRIPT FILES & FOLDERS in Multiple Ways (Command Line & Code Editor)
https://youtu.be/umVoV4ak0HA
✅ JavaScript vs jQuery | Difference between JavaScript and jQuery
https://youtu.be/PrBSuz7rPlc
✅ JavaScript Variable Redeclare & Reassign | VAR vs LET vs CONST | Practical Examples
https://youtu.be/9NNva3x0awQ

Thank You!
? LIKE VIDEO
? SUBSCRIBE
? PRESS BELL ICON
✍️ COMMENT

Channel: https://www.youtube.com/webstylepress
Website: https://www.webstylepress.com
FaceBook: https://www.facebook.com/webstylepress
Twitter: https://twitter.com/webstylepress
GitHub: https://github.com/webstylepress
#WebStylePress #console #tips #WebDevelopment #devTools #consoleLog #tricks #js #javascrpt
#debugging