View Your Website on Various Devices and Screen Resolutions Using Screenfly

Screenfly is a very cool new tool that allows you view how your website appears on many different devices and varying screen resolutions.

Note: According to the application’s website, Screenfly merged with BlueTree.ai in 2020 and was last updated in 2017. The application is no longer hosted or supported and may have compatibility issues with modern browsers.

How to Use Screenfly:

Screenfly is free. You can visit there anytime you want to check a website on different devices. Simply type in the URL of the site you want to view. Then hover over the devices to see more options at different sizes and resolutions for viewing your website:

How does it work?

Screenfly uses a proxy server to mimic devices while you view your website. If you’re having trouble or if the device switching isn’t working, you may want to select the “no proxy server” checkbox before clicking go.

It is also important to note that Screenfly does not mimic the behavior of the devices you select. When on the device you could in fact zoom out to view the entire page, even though at first load the edges appear to be clipped off.

Is your WordPress site ready to be seen on devices of all sizes? Use Screenfly to give it a quick check and bookmark it for the next time you want to use it. Stay tuned for more tutorials on how to bring your website into the next generation of sites ready to be seen and used on any device.

Editor’s Note: This post has been updated for accuracy and relevancy. [Originally Published: July 2011 / Revised: February 2022]

Tags:

• design
• HTML
• mobile