浏览器检测
MetaMask检测
用户状态
连接MetaMask
chainid network
浏览器检测
验证浏览器是否正在运行MetAmask
if (typeof window.ethereum !== 'undefined') { console.log('MetaMask is installed!'); }MetaMask检测
与其他浏览器兼容，检测是否使用metaMask
ethereum.isMetaMask用户状态
当前网络
ethereum.networkVersion当前账户
ethereum.selectedAddress连接MetaMask
官方建议不要在页面加载时要求，尽量用按钮点击连接，挂起时禁止按钮。
点击按钮连接dapp
ethereum.request({ method: 'eth_requestAccounts' });示例
<button class="enableEthereumButton">Enable Ethereum</button> <h2>Account: <span class="showAccount"></span></h2>const ethereumButton = document.querySelector('.enableEthereumButton'); const showAccount = document.querySelector('.showAccount'); ethereumButton.addEventListener('click', () => { getAccount(); }); async function getAccount() { const accounts = await ethereum.request({ method: 'eth_requestAccounts' }); const account = accounts[0]; showAccount.innerHTML = account; }当钱包多账户切换时，需要使用监控事件
ethereum.on('accountsChanged', (accounts) => { // Handle the new accounts, or lack thereof. // "accounts" will always be an array, but it can be empty. console.log(accounts,"accountsChanged") });网络也需要监控，需要保证dapp正确使用链条
ethereum.on('chainChanged', (chainId) => { // Handle the new chain. // Correctly handling chain changes can be complicated. // We recommend reloading the page unless you have good reason not to. window.location.reload(); });chainid network
| Hex |
Decimal |
Network |
| 0x1 |
1 |
Ethereum Main Network (Mainnet) |
| 0x3 |
3 |
Ropsten Test Network |
| 0x4 |
4 |
Rinkeby Test Network |
| 0x5 |
5 |
Goerli Test Network |
| 0x2a |
42 |
Kovan Test Network |
| 0x80 |
128 |
heco mainnet network |
| 0x100 |
256 |
heco testnet network |