{"componentChunkName":"component---src-templates-blog-post-js","path":"/unminify-javascript/","webpackCompilationHash":"f88477457d1b3d28a311","result":{"data":{"site":{"siteMetadata":{"title":"Inspect Element","author":"Bob Cool"}},"markdownRemark":{"id":"7695adcd-61c0-52cb-833a-2b883d30b577","excerpt":"Within the sources tab in DevTools you can view all the resources used to load the page. JavaScript files are minimised to reduce size and load time but this…","html":"<p>Within the sources tab in DevTools you can view all the resources used to load the page.</p>\n<p>JavaScript files are minimised to reduce size and load time but this makes them illegible. </p>\n<p>Click on a JavaScript file within the ‘page’ pane and if it’s minimised use the steps below.</p>\n<ol>\n<li>Naviage to the ‘editor’ pane. (The pane showing the code)</li>\n<li>Find the two curly brackets at the bottom. They will look like this <code class=\"language-text\">{ }</code></li>\n<li>Click them and you will given a formatted version of the JavaScript file selected. </li>\n</ol>","frontmatter":{"title":"JavaScript - Unminify JS Files","date":"August 28, 2019","description":"JavaScript - Unminify JS Files"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/unminify-javascript/","previous":{"fields":{"slug":"/autocomplete-css-properties/"},"frontmatter":{"title":"CSS - Autocomplete CSS Properties"}},"next":{"fields":{"slug":"/expand-child-nodes/"},"frontmatter":{"title":"HTML - Expand Child Nodes"}}}}}