More often than ever, your donors are more likely to be interfacing with your charity via their cellphones and tablets. It’s essential that your webpage not only has responsive design, but that it loads quickly, and has a strategic flow of information and CTAs across all devices [among other things like Google starting to add more weight to its pagerank algorithms for sites that are mobile-friendly].
Devtools allow you to obtain a quick approximation of how your site [or emails that open in browser, etc.] will look on other devices and screen resolutions. Use this to:
- Emulate your site across different screen sizes and resolutions, including Retina displays.
- Responsively design by visualizing and inspecting CSS media queries.
- Evaluate your site’s load performance with the Network Conditions drawer, without affecting traffic to other tabs.
- Accurately simulate device input for touch events, geolocation, and device orientation
Here’s a quick screenshot I took while developing this site, to quickly see what it looked like on a phone: