Android端MetaMask移动浏览器未注入window.ethereum问题

核心问题 #

你的代码在Android端MetaMask中出现window.ethereum为undefined的情况，主要原因是Android端MetaMask的注入时机可能晚于页面脚本执行，或存在旧版本兼容性bug。

解决方案 #

1. 升级Android MetaMask至最新版本 #

旧版本Android MetaMask可能存在注入延迟或兼容性问题，前往应用商店更新到最新版后重试。

2. 采用MetaMask推荐的异步检测逻辑 #

不要直接同步读取window.ethereum，通过触发钱包交互或监听初始化事件确保对象已注入，修改后的代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
</head>
<body>
<section class="section">
    <div class="container">
        <h1 class="title">
            Hello World
        </h1>
        <p class="subtitle">
            <!-- 替换为Bulma原生按钮类 -->
            <button class="button is-warning" type="button" onclick="metamask()">
                Invest Here →
            </button>
        </p>
    </div>
</section>
<script>
    async function metamask() {
        try {
            if (window.ethereum) {
                if (window.ethereum.isMetaMask) {
                    // 触发钱包授权，确保注入完成
                    await window.ethereum.request({ method: 'eth_requestAccounts' });
                    alert(typeof window.ethereum);
                }
            } else {
                // 监听钱包初始化事件
                window.addEventListener('ethereum#initialized', () => {
                    if (window.ethereum.isMetaMask) {
                        alert(typeof window.ethereum);
                    }
                }, { once: true });

                // 超时提示用户检查钱包状态
                setTimeout(() => {
                    alert('请确保已安装并解锁MetaMask');
                }, 3000);
            }
        } catch (error) {
            console.error(error);
            alert('与MetaMask交互失败');
        }
    }
</script>
</body>
</html>

3. 修正按钮样式类 #

你使用了Bootstrap的btn btn-warning text-white类，但引入的是Bulma框架，需替换为Bulma原生按钮类button is-warning，否则样式无法正常生效。

补充说明 #

Android端MetaMask的注入逻辑与桌面、iOS端存在差异，同步读取window.ethereum可能在页面加载完成时还未完成注入，因此必须通过异步方式等待或主动触发注入。

内容的提问来源于stack exchange，提问作者Haren Sarma