Posted: . At: 11:00 PM. This was 6 years ago. Post ID: 6950
Page permalink. WordPress uses cookies, or tiny pieces of information stored on your computer, to verify who you are. There are cookies for logged in users and for commenters.
These cookies expire two weeks after they are set.

Another way to get a mobile view of websites with Firefox and no need for addons.

How to test a responsive web design with Firefox

What the mobile browser mode looks like in Firefox.
What the mobile browser mode looks like in Firefox.

If you press Ctrl->Shift->m when viewing a website, it will be switched to a mobile view that allows you to see what the website looks like at various mobile resolutions. I found this out by accident. But this is a very cool Firefox trick. This makes testing a website for mobile customers very easy. The coolest trick in Firefox yet. This will automatically switch a site to the mobile version when you select a mobile device from the list at the top. A great feature for web designers to test a website on the screen sizes of multiple mobile devices. Another way to access this is to navigate to Tools->Web Developer->Responsive Design Mode. A great addition to the Firefox web browser, this is indispensable for testing various website themes on many mobile screen sizes.

Responsive design mode in Firefox.
Responsive design mode in Firefox.

So, you do not need to use many devices to test a responsive website design. Just use Firefox. There is a list of Firefox keyboard shortcuts here, but I could not find this one there: http://www.shortcutworld.com/en/win/Firefox.html. This is very useful for a web designer when wanting to test a new theme or CSS style on many devices screen sizes and resolutions. It is possible to set a different screen resolution on a phone such as a Samsung s20. So this allows this testing as well.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.