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

news/2024/7/6 3:00:37 标签: vue.js, solidity, web3

注:本教程来源网络,有兴趣的可以直接到这里查看。

写好了WEB3应用,在本地调试用得好好的,但是用钱包软件访问就报莫名的错,但是又不知道是什么原因,排查的过程非常浪费时间 。
因此在本地同一局域网进行调试就非常有必要,本教程有下面几个重点,包含MetaMask Mobile Android  调试Web3的DAPP 干货。

1.重点内容和亮点

1.如何设置访问 HTTPS DApps 不验证证书,方便开发者在本地网络中调试 DApps。

2.设置WebView 开启 DEBUG 使用 "Chrome 开发者工具" 源代码调试 DApps。

下载最新应用程序版本以进行安装。由于文件稍大,请使用下载管理器(如迅雷或 BitTorrent)协助下载。亲测无后门,如果不放心请使用不用的测试机安装,注意要科学上网,下载链接如下: Releases · bitkanda/MetaMaskDebug · GitHub

如果下载不了,可以使用网盘
链接:https://pan.baidu.com/s/1pOLlICcbYERdKzXEhNJ5bQ?pwd=1234 
提取码:1234
2.手机安装DEBUG版本的metamask-mobile

使用上面链接下载

3.手机配置

打开开发人员选项,各品牌手机打开不一样,自行网上查阅。

通过 USB 将手机连接到计算机,注意手机提示选择传输文件允许访问手机数据和打开了开发者模式,在提示框允许调试。

 

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

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

如下图:

5.调试工具控制台,输入DAPP网址,可参看日志输出

网站打开是否有错,和日志 输出一目了然。

注意:这里的https://localhost:8080 可以 替换为你测试的vue项目中的局域网地址,如你的vue 项目绑定的地址是https://192.168.1.200:8080

6.直接调试,单步执行,在监视查看web3的各个变量 值

 7.查看网络访问的接口和资源文件情况


http://www.niftyadmin.cn/n/4957096.html

相关文章

C++ 使用递归、回溯、动态规划算法实现一题多解

1. 引言 为了让大家更好理解递归、回溯、动态规划三者算法之间有关系,本文罗列了几道题目,分别使用递归、回溯、动态规划解决。会发现三者之间同工异曲,都是一种搜索模式,递归是正向搜索且返回;回溯是搜索…

深入理解阻塞队列BlockingQueue

阻塞队列BlockingQueue 阻塞队列与其他类型的队列不同的地方在于阻塞,即对于生产者和消费者两端来说,有任何一端的速度过快时,阻塞队列可以把过快的速度降下来。例如对于一个大小为10的阻塞队列,当生产者线程过快时,在…

8月16日上课内容 第二章 部署LVS-DR群集

本章结构: 数据包流向分析: 数据包流向分析: (1)客户端发送请求到 Director Server(负载均衡器),请求的数据报文(源 IP 是 CIP,目标 IP 是 VIP)到达内核空间。 &#xf…

javascript中??和?的区别

在JavaScript中,?? 和 ? 是两个不同的操作符,具有不同的用途和行为。 ?? 操作符(Nullish Coalescing Operator) ?? 操作符用于判断一个表达式是否为 null 或 undefined,如果是,则返回一个默认值。它…

Spring练习-29(角色添加操作)

1、点击新建 2、添加角色名称和信息之后,添加到数据库当中,与此同时你的页面要跳回 3、跳回角色列表页面 4、那是入口,入口就是保存 5、当你保存到表单里就是提交呀! 6、流程是我把数据封装给某个方法:------》封装给一…

云曦暑期学习第六周——kali

1.熟悉网络配置 一般来说虚拟机有三种网络模式: NAT (网络地址转换模式)Bridged (桥接模式)Host-Only(主机模式) nat模式: 虚拟系统会通过宿主机的网络来访问外网。而这里的宿主机相当于有两个网卡,一个是真实网卡…

NDK 的配置记录~

NDK 的配置 NDK配置 NDK设置在 AS 路径中设置在 local.properties设置在 build.gradle ndk 和 gradle 对应关系gradle的插件和版本对应关系gradle 插件和NDK对应关系 NDK NDK(Native Development Kit)是一组工具和库,用于在 Android 平台上开…

jsp 网络社区便利店系统Myeclipse开发mysql数据库web结构java编程计算机网页项目

一、源码特点 JSP 网络社区便利店系统是一套完善的java web信息管理系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.…