➡️ Open the demo ⬅️

This is an installable email client app that demonstrates the PWA protocol handling feature, and showcases the application-title meta tag.

This demo doesn't actually send and receive emails.

This simulated email client PWA demonstrates how to use PWA protocol handlers. The app shows a list of received emails, and a compose button that displays a panel to compose a new email when clicked.

The app can be installed on the device, and upon installation will register a protocol handler for mailto.

When a mailto link is used, the operating system should propose the installed demo app as a choice to the user to handle that link. If the user chooses this demo app, it will be launched, and the compose panel will appear, pre-filled with the email address.

The two interesting pieces of code here are:

• The protocol_handlers member in the manifest.

• The way protocol handling requests are detected and used in script.js.

This sample demonstrates the following features:

1. Open the app.

2. In the Address bar, click the App available. Install Email inbox () button.

   The app is installed.

3. Open the demo.html page.

4. Click the mailto link on that page.

• Test Progressive Web App (PWA) protocol handling
• Handle protocols in a PWA
• Email client in Progressive Web App samples.