This session will take you through a deep dive into Chrome DevTools. What is DevTools and why should you care? What is each pane capable of doing? There's a lot more to DevTools under the hood. Using a sample sweet shop project (https://sweetshop.netlify.com/) built specifically for this session you will learn:

* How to test client side validation,
* Inspecting markup,
* Fixing style issues,
* Testing for colour contrasts for accessibility,
* Simulating mobile viewports,
* Throttling mobile devices,
* Locating page errors,
* Using the console to help debug errors,
* How to use local overrides to persist changes on page reload,
* Throttling desktop connections,
* Locating and inspecting cookies,
* WebSQL?
* The power of the audits pane,
* Tracking CSS/JS changes,
* Code coverage of CSS/JS,
* Quick jump menu?,
* Screenshots (fullpages/individual elements),
* Extending DevTools

Tools, workflows and processes are always changing in the tester landscape and this session will arm you with the knowledge to incorporate all of this in to your web testing journey.

In this session you will learn what most of the DevTool panes do and how to incorporate this knowledge in to your web testing.