Great tool for GTM marketers
Use Cases and Deployment Scope
Being a marketer, my usage of Chrome DevTools is probably different than most developers. First, it's a great way to make changes to a website page using CSS/HTML, screenshot it, and then show it to your designers/developers or even management to get approval. This is much easier than writing up a long email explaining the changes. Show, don't tell.
Next, with console, it's easy to troubleshoot and identify issues with JS on the website, screenshot the errors, and send it to the development team to fix.
Also, the ability to test responsiveness of the website, emulate devices, orientation, light/dark modes, etc. is crucial to make sure the company's website is properly tested and is functional.
Lastly, not many people know that you can create custom devices with resolutions and dimensions, and then use built-in screenshot tool to get a crisp screenshot using those custom dimensions. It's great for creating app screenshots.
Pros
- Ability to emulate mobile devices to rest responsive websites
- Troubleshooting JS errors using console
- Identifying accessibility issues
- Testing CSS and HTML changes
Cons
- A lot of features are hidden under 3-dot menu and "more tools", they should be more visible, such as "Rendering"
- Checking WCAG contrast ratio in CSS colors doesn't always work due to how colors are set
Return on Investment
- It's hard to quantify, but the impact is positive with all the testing and troubleshooting it allows to ensure website operates smoothly
- It provides necessary information to fix issues and bugs, so it saves a lot of time that would be wasted blindly troubleshooting problems
Usability
Alternatives Considered
Mozilla Firefox
Other Software Used
Canva, Matomo Analytics, Odoo CRM, Odoo Email Marketing, Odoo Marketing Automation


