I wrote about how I created a page on The Session with instructions for installing the site to your home screen. When I said that I included screenshots on that page, I may have underplayed the effort involved. It was real faff.

I’ve got an iPhone so generating screenshots (and video) from that wasn’t too bad. But I don’t have access to an Android phone. I found myself scouring the web for templates that I could use to mockup a screenshot of the address bar.

That got me thinking…

Wouldn’t it be cool if there were a service that generated those screenshots for you? You give it a URL, and it spits out screenshots of the site complete with overlays showing the installation flow on Android and iOS. It could even generate the img markup, complete with differently-scaled images for the srcset attribute.

Download the images. Copy that markup. Paste it into a page on your site. Boom! Now you’ve got somewhere to point your visitors to if you’d like them to install your progressive web app.

There are already some services out there for generating screenshots of mobile phones but they’re missing is the menu overlays for adding to home screen.

The devrels at both Google and Microsoft have been doing a great job of promoting progressive web apps. They’ve built tools to help you with tasks like generating icons or creating your web app manifest. It would be sooooo nifty if those tools also generated instructional screenshots for adding to home screen!

Have you published a response to this? :


Previously on this day

1 year ago I wrote Get safe

It should be safe to visit a web page.

2 years ago I wrote Unity

One way of looking at the new browser landscape.

4 years ago I wrote Needs must

The tension between developer convenience and user needs.

7 years ago I wrote Lining up Responsive Day Out 3

Two-thirds of the way there.

14 years ago I wrote Outgoing

How a badly implemented feature made me scared to search.

15 years ago I wrote Explaining Ajax, transcribed

18 years ago I wrote GarageBandLand

I’m going to have to get my hands on iLife pronto.

18 years ago I wrote Oh, the humanity!

Coca Cola today launched an online music download service that aims to compete with the iTunes Music Store.

19 years ago I wrote Brighton pier collapses again

Is this going to happen every time I leave Brighton?