--- title: Level up your JavaScript browser logs with these... description: Firecode.io is a free, open-source web app that lets developers test and test again their code. One of Firecode’s core features is a built-in logging tool... canonical: https://daily.dev/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Level up your JavaScript browser logs with these console.log() tips | daily.dev og:description: Firecode.io is a free, open-source web app that lets developers test and test again their code. One of Firecode’s core features is a built-in logging tool... og:url: https://daily.dev/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do og:image: https://api.daily.dev/og/posts/YChMRY_DO.png og:image:alt: Level up your JavaScript browser logs with these console.log() tips og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Level up your JavaScript browser logs with these console.log() tips **[DEV](https://daily.dev/sources/devto)** · 8 min read · 38 upvotes · 3 comments ## Summary Firecode.io is a free, open-source web app that lets developers test and test again their code. One of Firecode’s core features is a built-in logging tool called console.log() that can be used to monitor, troubleshoot, and debug your applications. In this article, we look at some tips and tricks for frontend logging in the browser. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@alonrosenfeld** · 2 upvotes > Supper useful - thanks! bring us more client-side debugging techniques! **@elvisgastelum** · 2 upvotes > I learn new things about the logging, that's awesome! :D **@iamvasimshaikh** · 2 upvotes > This article is very helpful when we are working with TypeScript, React, or any JS framework. --- Tags: [#general-programming](https://daily.dev/tags/general-programming), [#javascript](https://daily.dev/tags/javascript), [#logging](https://daily.dev/tags/logging) [View this post on daily.dev](https://daily.dev/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Level up your JavaScript browser logs with these console.log() tips","url":"https://daily.dev/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do"},"datePublished":"2020-11-03T13:15:09.548Z","dateModified":"2021-10-07T14:17:10.317Z","description":"Firecode.io is a free, open-source web app that lets developers test and test again their code. One of Firecode’s core features is a built-in logging tool...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7ed08b2ea08e51f96121fce70f6b0884","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7ed08b2ea08e51f96121fce70f6b0884","isAccessibleForFree":true,"articleSection":"DEV","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"DEV","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto","url":"https://daily.dev/sources/devto"},"commentCount":3,"discussionUrl":"https://daily.dev/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":38},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":3}],"keywords":"general-programming,javascript,logging","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":3,"name":"Level up your JavaScript browser logs with these console.log() tips"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do","comment":[{"@type":"Comment","text":"Supper useful - thanks! bring us more client-side debugging techniques!","datePublished":"2020-11-04T06:56:36.029Z","url":"https://daily.dev/posts/YChMRY_DO#c-s0lek30T_","author":{"@type":"Person","name":"Alon Rosenfeld","url":"https://daily.dev/alonrosenfeld","image":"https://avatars1.githubusercontent.com/u/12997716?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"I learn new things about the logging, that’s awesome! :D","datePublished":"2020-11-03T18:18:51.020Z","url":"https://daily.dev/posts/YChMRY_DO#c-DYgTQPaFZ","author":{"@type":"Person","name":"Elvis Gastelum","url":"https://daily.dev/elvisgastelum","image":"https://avatars0.githubusercontent.com/u/43228550?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"This article is very helpful when we are working with TypeScript, React, or any JS framework.","datePublished":"2020-11-04T06:49:46.764Z","url":"https://daily.dev/posts/YChMRY_DO#c-oYE93i5PD","author":{"@type":"Person","name":"Vasim Shaikh","url":"https://daily.dev/iamvasimshaikh","image":"https://avatars0.githubusercontent.com/u/73271176?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```