- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Web Share Target Demo</title>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- import the webpage's stylesheet -->
- <link rel="stylesheet" href="./style.css">
- <!-- Manifest -->
- <link rel="manifest" href="./manifest.json">
- </head>
- <body>
- <h1>
- Web Share Target Demo
- </h1>
-
- <p id="requireHTTPS" class="hidden">
- <b>STOP!</b> This page <b>must</b> be served over HTTPS.
- Please <a>reload this page via HTTPS</a>.
- </p>
-
- <p>
- The Web Share Target API allows installed web apps to register
- with the underlying OS as a share target to receive shared content
- from either the Web Share API or system events, like the
- OS-level share button.
- </p>
-
- <p id="shareNotSupported" class="hidden">
- <code>navigator.share</code> is not supported in this
- browser, try sharing from another app instead.
- </p>
-
- <p id="instructions">
- <b>Try it out:</b>
- Install me, then try sharing an image from another app.
- </p>
-
- <pre id="result">
- </pre>
-
- <!-- Install/Share buttons, disabled by default -->
- <div id="installContainer">
- <button id="butInstall" type="button" disabled>
- Install
- </button>
- </div>
-
- <!-- import the webpage's javascript file -->
- <script src="./script.js"></script>
- </body>
- </html>