Getting Started with Puppeteer
Akshay Kadam shows how to use Puppeteer to take website screenshots, to create a PDF of any website, and sign in to Facebook.
Tag: chrome developer tools
Browser DevTools Secrets: Start-up, Network and Performance
Browser DevTools have evolved from basic JavaScript consoles to fully-integrated development and debugging environments. We'll explore their features.
Optimization Auditing: A Deep Dive into Chrome’s Dev Console
Ahmed Bouchefra offers an in-depth exploration of the features of the Chrome DevTools for measuring performance and debugging your web applications.
Debugging JavaScript Projects with VS Code & Chrome Debugger
Michael shows how to ditch console.log() and start debugging JavaScript like a pro, using the debugging tools in VS Code and the Chrome Debugger extension.
Video: Finding Performance Bottlenecks with Chrome Audits
In this short video I go over a feature in chrome developer tools that's rarely used, but can deliver great insight when doing a performance audit.
Video: Profiling JavaScript Performance in Chrome
Tim Evko dives into the Chrome Developer Tools Profiler to demonstrate how to analyze JavaScript performance in the browser.
Using Source Maps to Debug Sass in Chrome
Vinay Raghu explains the source maps feature in Chrome, how it's beneficial to Sass debugging, and how you can enable the feature in the developer tools.