Hello everyone! =)
I would like to know if there is a tool that can help me take some screenshot of my website like it’s viewed on mobile devices.
I thought to use responsinator and do it manually, but if there is an “automatic way” to do that, I would prefer.
If you have any of these mobile or tablet devices at your disposal, they may have internal screenshot capabilities. For instance, just do a google search for something such as “how take screenshot with iphone” or “how take screenshot with android” and you’ll get instructions.
If you don’t have access to these then I recommend installing a general screenshot capture program on your computer and taking captures using a resized browser window. You want to use something that’s capable of capturing a “window” or “control” instead of a “region.”
That’s the dirtiest method, but it can get the job done.
This reply has been reported for inappropriate content.
I’ve been experimenting with phantomjs. If you take the example rasterize.js file and alter it ever-so-slightly so that you can plug in values for width/height, you can get a screenshot in a split second.
Furthermore, if you have a basic understanding of JS, it should super easy to make a script that will hit the site you specify, and take a series of screens at specified resolutions and spit them out into a folder for you, named appropriately.
Many thanks to Melindrea for mentioning phantomjs in another topic — it’s awesome.
Check out http://mobile1st.com – 15+ live devices — not emulators — that render screenshots that can be then zipped. Also includes device analytics if you hook up GA to your account. Render time: 30 seconds. Responsive screenshots for top iOS and Android devices (those with biggest market share, continually updated).