20 essential new devtool techniques

With five browsers regularly releasing bigger and better versions of their embedded developer tools, the outlook for web developers has never been rosier. These tools are indispensable for building, debugging, analysing and optimising our sites and web apps. 

In recent years, the Chrome and Firefox DevTools have innovated at a breakneck pace to provide a superior debugging environment. Microsoft’s Edge has also made great steps forward, and Opera’s tools are now in complete parity with Chrome.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

TOPICS
Andi Smith is the director of web development at ideas and innovation agency AKQA.
Latest in Web Design & Development Software
screenshot of Framer landing page
5 seriously useful AI web design tools
Temu Shopping app on Samsung phone
I made my first order on Temu and this is how it went
Dev mode in Figma
Figma’s awesome new Dev Mode brings designers and developers together
some coins on a mobile phone
What is Web3? and is Apple getting involved?
Scott Belksy talks to Dylan Field at Adobe Max
Adobe just revealed the first change coming to Figma after acquisition
Figma and Adobe logos on a white background
Adobe is buying Figma, and creatives have... concerns
Latest in Advice
Raid character design tips; a female queen character in red leather armour carrying a large axe
Game art tips: how to breathe new life into a classic character design
Promo for Future Cards with the tagline "Leave the busywork to the machines"
What makes good designers great? Stand out from the crowd with these 9 expert tips
Homepage of portfolio by Colin Moy
8 expert tips for creating a killer design portfolio
someone paying with a phone and a Mastercard
Brands should invest in multisensory marketing – here’s why
A laptop using VideoProc Vlogger video-editing software
Laptop specs for video editing: All you need to know
hero image
GIMP vs. Photoshop: Could you make the switch?