{"componentChunkName":"component---src-pages-index-js","path":"/","webpackCompilationHash":"f88477457d1b3d28a311","result":{"data":{"site":{"siteMetadata":{"title":"Inspect Element"}},"allMarkdownRemark":{"edges":[{"node":{"excerpt":"DevTools provides a ‘panel’ like most code editors. From here you can achieve multiple actions. One time saving action is switching between…","fields":{"slug":"/quick-file-switching/"},"frontmatter":{"date":"September 12, 2019","title":"General - Quick File Switching","description":"General - Quick File Switching"}}},{"node":{"excerpt":"The DevTools console provides you with shorterned element selectors to quicken your workflow. Listed below are three variables and their…","fields":{"slug":"/selecting-elements-in-the-console/"},"frontmatter":{"date":"September 11, 2019","title":"JavaScript - Selecting Elements In The Console","description":"JavaScript - Selecting Elements In The Console"}}},{"node":{"excerpt":"You can change numerical property values in DevTools using the mouse scroller or keyboard arrow keys. Keyboard Up and down change the value…","fields":{"slug":"/change-css-values-with-mouse-keyboard/"},"frontmatter":{"date":"August 30, 2019","title":"CSS - Change CSS values using the mouse or keyboard","description":"CSS - Change CSS values using the mouse or keyboard"}}},{"node":{"excerpt":"Some nodes in HTML can contain hundreds of children. It’s often time consuming to run through\neach node and click to expand. With DevTools…","fields":{"slug":"/expand-child-nodes/"},"frontmatter":{"date":"August 29, 2019","title":"HTML - Expand Child Nodes","description":"HTML - Expand Child Nodes"}}},{"node":{"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…","fields":{"slug":"/unminify-javascript/"},"frontmatter":{"date":"August 28, 2019","title":"JavaScript - Unminify JS Files","description":"JavaScript - Unminify JS Files"}}},{"node":{"excerpt":"Can’t remember a CSS property name but know the value you need? Chrome DevTools has you covered! Within the element.style section in…","fields":{"slug":"/autocomplete-css-properties/"},"frontmatter":{"date":"August 27, 2019","title":"CSS - Autocomplete CSS Properties","description":"CSS - Autocomplete CSS Properties"}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":true}}}