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.
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.