Emulating Mobile Devices With Chrome Developer Tools
The majority of webpages are designed with a desktop-first approach. In other words, most web developers are working on a desktop device and starting with an initial design and layout that fits desktop browsers.
While good developers certainly pay attention and put importance on the mobile version of a webpage, with very few exceptions does a website design start with a mobile-first experience in mind.
Google, on the other hand, crawls everything with a mobile-first mentality.
You can certainly pull up your website on a smartphone or tablet to inspect it, but that is not always the most convenient way to do it. Chrome Developer Tools actually has a really simple feature you can use instead.
Just follow these steps inside Chrome or a browser built on Chrome (Edge, Brave, etc.):
Go to the webpage you want to view.
Right click on the page and choose “Inspect”.
Then in the Developer Tools toolbar, you will see an icon that lets you change between desktop and mobile.
---
Join The SEO Pub free Slack community at: https://theseopub.com/join
Sign up to receive more tips and strategies to level up your SEO at https://theseopub.com/
Want to learn about how I can help your site grow? Head over to https://clickedconsulting.com/ and request a proposal.
Connect with me: / mikerfriedman
My Toolbox:
🔎 Semrush – Competitor and Keyword Analysis - https://theseopub.com/semrush
✔ Monday.com – For project management and organizing all of my client work - https://theseopub.com/monday
🗄 Frase – Content optimization and article briefs - $1 trial offer - https://theseopub.com/frase
👑 Conductor Website Monitoring – Site crawler, monitoring, and audit tool - https://theseopub.com/contentking
📆 Akiflow - For managing tasks and my calendar - https://theseopub.com/akiflow
Sometimes I tweet about SEO, beer, baseball, and other topics at / theseopub
