HTML Playground 工具
一个安全的沙箱，可以自由地试验 HTML、CSS 和 JavaScript。
介绍
HTML Playground 是一个沙盒在线环境，您可以在其中试验代码而不会产生任何后果。编写您想要的任何内容，运行它，查看结果，然后重新开始。它是学习、测试和探索网络技术的完美场所。
是什么让游乐场与众不同？
游乐场是为实验而设计的。与生产 IDE 不同，无需担心项目结构，无需保存文件，也无需部署管道。你有一张空白的画布，可以自由地尝试任何事情。
这对于以下方面尤其有价值：
- 测试“如果呢？”快速场景
- 尝试您读过的新 CSS 属性
- 尝试以前没有使用过的 JavaScript API
- 构建一次性原型
- 隔离地重现错误
游乐场特色
- 即时重置 — 一键返回默认状态
- 沙盒执行 - 代码在隔离的 iframe 中运行
- 控制台输出 - 查看 JavaScript 日志和错误
- 下载选项 - 保存您想要保留的实验
- 移动设备友好 - 在任何设备上进行实验
在操场上尝试的想法
- 构建纯 CSS 动画加载旋转器
- 使用 CSS Grid 创建响应式网格布局
- 使用 JavaScript 构建简单的待办事项列表
- 测试路口观察者 API
- 创建暗/亮模式切换
- 尝试 CSS 自定义属性（变量）
- 构建一个倒计时器
开始尝试
访问 HTML Code Runner 并开始使用代码。没有规则，没有限制，也没有后果——只有你和浏览器。
常见问题解答
是的。代码在沙盒 iframe 中运行，无法访问您的浏览器数据或其他选项卡。
您可以下载代码并共享 HTML 文件。该工具没有内置的共享功能。
不，您可以随心所欲地使用游乐场。没有会话限制。