Conditional Breakpoints and Debugging Tricks for Chrome

Breakpoints are a great way to debug JavaScript in the browser. You can pause the code at an arbitrary point, inspect the variables, test functions in context and resume script execution whenever you are ready. Debugging in the browser allows you to cut down on switching between your code editor and the browser and can … Continue reading Conditional Breakpoints and Debugging Tricks for Chrome

Emulate Mobile and Tablet Devices in Chrome

Testing your web site or application in different browsers and on different mobile devices is important, and there is no substitute for the real thing. However, not everyone has an iPhone, Google Nexus, Blackberry and the latest Samsung phone lying around. So, being able to emulate a mobile or tablet device means you can test … Continue reading Emulate Mobile and Tablet Devices in Chrome

Introduction to the Networks Tab in Chrome Developer Tools

The networks tab in the Chrome developer tools panel can provide rich insights.  It allows you to see what resources are being loaded, how many HTTP requests are being made, which scripts are blocking the page load, how long it takes for assets to load, how long it takes for the page to load, when … Continue reading Introduction to the Networks Tab in Chrome Developer Tools