Chrome is not just a great browser for viewing websites, but also an invaluable tool for building websites. Out of the box, Chrome ships with developers tools. Many web developers are aware of this and make use of some of the tools it provides. However, most developers only scratch the surface of what the browser can do.
Join in as we take a deep-dive into the Chrome developer tools and learn, among other things, how to:
- Quickly test styling fixes
- Emulate handheld devices to test responsive designs
- Easily navigate and debug JavaScript
- Use the JavaScript console
- View form submissions
- Monitor AJAX requests
- Check for performance issues
- Troubleshoot caching issues
- Create and use your own snippets
Takeaways:
- Several practical tips on how to use Chrome dev tools to simplify, speed up or improve the quality of your development workflows.