metamask 调试,Metamask调试技巧与实战案例

小编

你有没有遇到过这种情况?写好了Web3应用,本地调试得风生水起,可是一上传到钱包软件,就各种报错,让人头疼不已。别急,今天就来跟你聊聊如何用MetaMask调试Web3应用,让你轻松解决这些烦恼!

一、MetaMask调试的必要性

你知道吗,MetaMask作为以太坊钱包的佼佼者,它不仅能让你轻松管理以太币,还能帮助你调试Web3应用。为什么这么说呢?因为MetaMask内置了强大的调试功能,让你在本地网络中就能轻松调试DApps,省去了很多麻烦。

二、MetaMask Mobile + Chrome DevTools 调试Web3应用教程

1. 设置访问HTTPS DApps不验证证书

首先,你需要设置访问HTTPS DApps时不验证证书。这样,你就可以在本地网络中调试DApps,而不用担心证书问题。具体操作如下:

- 下载最新版本的MetaMask Mobile,并安装到你的手机上。

- 打开MetaMask Mobile,进入设置,找到“开发者选项”,开启“调试模式”。

- 在Chrome浏览器中,输入“chrome://inspect/devices”,进入调试入口。

2. 设置WebView开启DEBUG

接下来,你需要设置WebView开启DEBUG,以便使用Chrome开发者工具进行源代码调试。具体操作如下:

- 在Chrome浏览器中,输入“chrome://inspect/devices”,选择你的设备。

- 在设备列表中,点击“打开设备”,然后选择“打开DevTools”。

- 在DevTools中,找到“Sources”页,点击“覆盖”按钮,选择“覆盖”。

3. 下载最新应用程序版本

由于文件较大,建议使用下载管理器(如迅雷或BitTorrent)协助下载。亲测无后门,如果不放心,请使用不同的测试机安装。下载链接如下:

- GitHub Releases:https://github.com/bitkanda/MetaMaskDebug/releases

- 网盘https://pan.baidu.com/s/1pOLlICcbYERdKzXEhNJ5bQ?pwd1234

4. 手机安装DEBUG版本的metamask-mobile

使用上述链接下载DEBUG版本的metamask-mobile,并安装到你的手机上。

5. 手机配置

打开开发人员选项,各品牌手机打开方式不同,自行网上查阅。通过USB将手机连接到计算机,注意手机提示选择传输文件允许访问手机数据和打开了开发者模式,在提示框允许调试。

6. 在Chrome调试Web3智能合约应用

请打开Chrome浏览器,输入“chrome://inspect/devices”以访问调试入口。

三、metamask api 请求一般操作

1. 检查metamask是否安装

在编写Web3应用时,首先需要检查metamask是否已经安装。你可以通过window.ethereum来检查:

```javascript

if (typeof window.ethereum !== 'undefined') {

console.log('metamask');

2. 创建test.html和metamaskTest.js文件

接下来,创建两个文件,一个叫做test.html,一个叫做metamaskTest.js,对metamask进行测试:

- test.html:

```html

1bit metamask developer Test

<script src=\metamaskTest.js\>

- metamaskTest.js:

```javascript

// 引入metamask

const metamask = require('metamask');

// 检查metamask是否安装

if (typeof metamask !== 'undefined') {

console.log('metamask已安装');

} else {

console.log('metamask未安装');

3. 在test.html中引入js文件

将上述代码保存为test.html和metamaskTest.js,然后在test.html中引入metamaskTest.js文件。

四、metamask源码学习导论

1. MetaMask浏览器扩展

MetaMask浏览器扩展支持Firefox、Google Chrome和基于Chromium的浏览器。我们建议使用最新的可用浏览器版本。

2. 本地建筑安装版本

如果你正在使用Node.js,则运行`nvm use`会自动为你选择正确的节点版本。

3. 安装依赖项

使用`yarn`安装依赖项:

```bash

yarn

4. 复制配置文件

将`.metamaskrc.dist`文件复制到`.metamaskrc`,并将INFURAPROJECTID值替换为你自己的。

5. 构建项目

使用`yarn dist`将项目构建到