Android共享图标未显示

Question

我的PHP中包含以下内容：

echo "<a id='share_button' class=''share_button href='#'>This will come in hand afterwards<a/>";

然后在我的JavaScript代码中添加以下内容：

var el = document.getElementById('share_button');
if(el){
    el.addEventListener("click", async function () {
        try {
        await navigator.share({
          title: "Example Page",
          url: "https://google.com"
        });
        console.log("Data was shared successfully");
        } catch (err) {
        console.error("Share failed:", err.message);
        }
    });
}

我想使用Android的共享，以便用户可以通过手机与任何应用共享链接。

当我刷新页面时，单击按钮，没有任何效果。

引用here

有什么想法可以实现吗？