模态框选择指南：Web3Modal与WalletConnect Modal深度对比
传统Web2账户登录通常采用“使用Google或Facebook登录”的方式，而在Web3领域，这一过程通过钱包完成。当用户在Uniswap上进行交易或在Orb平台收藏内容时，都需要将钱包连接到去中心化应用（dapp）。
Web3Modal正是为解决这一问题而生。它目前提供简洁的用户界面供用户选择偏好钱包，通过EIP-6963支持所有浏览器钱包，并具备更多功能特性。
不过，我们还提供了一款轻量级模态框——WalletConnect Modal。本文将深入解析这两款产品的核心差异。
Web3Modal
在WalletConnect出现之前，连接钱包与dapp的唯一方式是通过MetaMask等桌面浏览器扩展检测客户端窗口（即window.ethereum）。这种用户体验的缺陷在于移动端钱包无法与dapp建立连接。
Web3Modal通过为移动端钱包提供可扫描的二维码解决了这一难题，同时支持桌面端和浏览器扩展钱包的无缝连接。对开发者而言，这款工具应成为所有dapp入门套件的标配，因为它处理了模态框应具备的大部分基础功能，包括ENS名称显示和直观的网络切换界面。
无论您是启动首个Web3项目，还是将其集成至生产级应用（如zkSync和GemPad），Web3Modal都具备以下能简化Web3开发复杂性的优势：
- 多框架支持（React/Vue/Vanilla）
- EVM兼容性
- 支持所有WalletConnect集成钱包（500+）
- 多库兼容性
- wagmi兼容
- Ethers V5兼容
- Ethers V6兼容
- EIP-6963浏览器扩展钱包支持
- 可定制UI
- 交易历史记录
- ENS名称查询
WalletConnect Modal
另一方面，WalletConnect Modal是款功能受限的轻量级模态框。它专为与Ethereum Provider和Universal Provider协同工作而设计，适合需要集成复杂解决方案和/或非EVM链的开发者。
该模态框支持所有移动端钱包的同步与连接，但不支持浏览器扩展钱包——这意味着用户无法看到像MetaMask这类主流浏览器扩展钱包的标识图标。而这正是Web3Modal已解决的问题，因此我们建议开发者优先选用Web3Modal SDK。
功能对比表
下表清晰展示了两款模态框的核心差异：
| 特性 | Web3Modal | WalletConnect Modal |
|---|---|---|
| 移动端钱包支持 | ✅ | ✅ |
| 浏览器扩展钱包支持 | ✅ | ❌ |
| 多框架支持 | ✅ | ❌ |
| 非EVM链支持 | ❌ | ✅ |
| 自定义UI | ✅ | ❌ |
结论
显而易见，两款模态框存在显著差异。我们强烈推荐开发者使用Web3Modal，因为它支持所有EVM链，提供功能更丰富、更全面的Web3开发体验。虽然WalletConnect Modal具备特定用途，但开发者在处理Web3应用时需要的控制力与灵活性，正是Web3Modal所能提供的。
若对Web3Modal感兴趣，欢迎访问我们的官方网站查看详细文档。