使用 JavaScript 調用手機分享菜單

做法

新增 index.html 檔。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="share()">Share</button>
<script>
const share = async () => {
if (navigator.share) {
try {
await navigator.share({
title: document.title,
text: 'Hello, World!',
url: window.location.href,
});
} catch (err) {
console.error(err);
}
}
};
</script>
</body>
</html>

啟動伺服器。

1
live-server

啟動代理伺服器。

1
ngrok http 8080

使用手機複製結果如下:

1
Hello, World!

參考資料