已安装登录MetaMask仍报'web3 is not defined'错误排查咨询

嘿，这个问题我之前帮好几个开发者排查过，咱们一步步把它捋清楚：

先搞懂web3和Web3的核心区别 #

这俩看着像，其实完全是两回事：

• window.Web3：这是Web3.js库的构造函数——你可以把它理解成一个“模板”，用来创建具体的Web3实例。所以你打印它会看到是一个函数，这完全正常。
• window.web3：这是早期MetaMask等钱包自动注入到浏览器全局的已初始化Web3实例。注意是“早期”，现在这个行为已经被MetaMask废弃了！

为什么在线编辑器能跑，本地却报web3 is not defined？ #

CodePen、JSFiddle这类在线编辑器的沙盒环境比较特殊：

1. 它们可能还保留了对旧版MetaMask注入逻辑的兼容，或者默认帮你引入了旧版Web3库，自动给你挂载了window.web3变量；
2. 但现在MetaMask的新版本已经不再自动注入window.web3实例了，甚至连旧版Web3库都不会帮你加载，而是全面转向了符合EIP-1193标准的window.ethereum提供者。这就是你本地环境报错的核心原因。

你的代码该怎么改？ #

现在正确的做法是通过window.ethereum来初始化Web3实例，而不是依赖已经被废弃的全局web3。修改你的代码片段如下：

window.addEventListener("load", async function() {
  // 先检查是否有EIP-1193兼容的钱包（比如MetaMask）
  if (window.ethereum) {
    // 用新的提供者初始化Web3实例
    const web3 = new Web3(window.ethereum);
    console.log("通过MetaMask的EIP-1193提供者初始化Web3");
    
    // 必须请求用户授权才能访问账户（MetaMask新版要求）
    try {
      await window.ethereum.request({ method: 'eth_requestAccounts' });
      const accounts = await web3.eth.getAccounts();
      console.log("当前授权账户：", accounts[0]);
      // 这里写你的后续业务逻辑
    } catch (error) {
      console.error("账户授权失败：", error);
    }
  } else {
    console.error("请安装MetaMask或其他EIP-1193兼容的钱包");
  }
});

补充两个关键点：

1. 你之前用window.web3也不行，就是因为MetaMask新版已经彻底移除了这个自动注入的实例，所以它是undefined；
2. 如果你非要做旧版兼容（非常不推荐，因为旧版Web3很多API已经过时），可以先检查window.web3，再fallback到window.ethereum，但现在主流项目都已经切换到EIP-1193的方式了。

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