5 Ways DevTools Made My Life Easier
By Enhancing Interactions with the Web
A few days ago in our office, a marketing colleague had a problem with one of our landing pages because the call-to-action didn’t stand out. He wanted to let our dev team know how they could change the colour and text to give it more prominence on the page. His plan was to take a screenshot, load it into photoshop, edit the colour and then send this edited screenshot to our dev team to show them how it should look. To me, who knows a little about the Google Chrome DevTools, this seemed like the longest possible way to achieve what he wanted, but then it hit me — DevTools are still remarkably underused.
DevTools provide a powerful set of tools to interact with the web. Anyone in web analytics must have a good grasp on how to use the DevTools, but I also believe that more than that, anyone working with the web should have a basic understanding. Whether you do marketing, product management or business development, DevTools can greatly enhance your productivity.
The Google Chrome DevTools have many uses, but for those who aren’t web developers, I believe the most common and impactful are:
- Investigate competitors
- Debug what’s not working with add-ons (e.g. Hellobar, Hotjar)
- See all sorts of views
