W3
在线实验环境 · 打开就能用

不用装任何东西,先动手

读完教程立刻能试,是这套内容设计里最优先的一条。 三个工具覆盖了从写合约、接到前端、到算清成本的完整链路, 全部在浏览器里运行,不需要安装 Node、Foundry 或任何钱包插件即可开始。

智能合约 IDE

写、查、导出,不开本地环境也能动手

内置 6 个可直接编译的合约模板(HelloWorld / Counter / ERC-20 / Vault / NFT / 多签),以及 8 课带 TODO 的交互式练习。编辑器实时做静态校验:缺 pragma、括号不匹配、函数漏写可见性、emit 未定义事件会被标为错误;tx.origin 授权、transfer 转账、链上随机数等安全反模式会被标为警告。写完可一键导出 .sol 或复制到 Remix 继续。

打开工具 →
包含内容
  • 6 个合约模板
  • 8 课交互式练习
  • 实时静态校验 + 合约结构概览
前端沙盒

React + 钱包连接的可复制工程模板

3 个从浅到深的模板:ethers v6 直连(一个组件完成连接钱包 / 读余额 / 转 ETH)、viem 类型安全读合约、wagmi + RainbowKit 工程化骨架。每个模板都是多文件、可下载的完整代码,附本地跑通步骤与依赖清单。

打开工具 →
包含内容
  • 3 套工程模板
  • 多文件 + 一键下载
  • 含 EIP-1193 / EIP-6963 兼容写法
Gas 费模拟器

把执行费与 L1 数据费拆开算清楚

26 项典型操作的实测 gas 用量,覆盖 9 条链与 6 套常见组合流程。所有参数(gas 单价、L1 数据费、代币价格)都可改,成本构成条会告诉你这笔钱到底付给了谁。

打开工具 →
包含内容
  • 26 项操作 × 9 条链
  • 6 套组合流程
  • 执行费 / L1 数据费 拆解

这几个工具不会做什么

  • 不代你部署合约。本地 IDE 只做静态校验与导出。部署要花真金白银,必须在你自己的 Foundry / Hardhat / Remix 环境里完成,这样私钥不会离开你的机器。
  • 不假装链上调用成功。涉及 RPC 的代码都需要真实网络环境,工具只提供可复制的模板与执行步骤, 不会给出「演示用」的假交易哈希。
  • 不连接你的钱包。整个实验环境不需要授权、不读取账户、不发起签名请求。

配套内容

按知识域找练习

9 个练习,分布在 6 个知识域。 全部在浏览器里真跑:不连钱包、不发交易、不读你的账户,改参数就能自己验证结论。