dev / 可用工具

强隔离原生内嵌测试 IFrame 前线机

比 Codepen 更即时,不需要开启繁重的加载库!你在同一文本框把 `<style>`, `<html>`, `<script>` 直接揉在一起堆满代码,按下运行即可在右方毫无防备被沙盒拦截的 IFrame 之内瞬间打响真实网页表现效能。

DevelopHTML

收藏工具

当前还没有选择收藏模式。

快捷操作

返回开发工具 浏览全部工具

你可以复制当前工具页链接,或者在支持的设备上直接调用系统分享。

开发与运维

极简微型代码运行沙盒

⚛️ Drop in your HTML/CSS/JS in a single chunk. Renders safely within an isolated iframe.
Source Code (HTML/CSS/JS)
IFrame Output

使用场景

  • 给别人调试一段悬浮特效或者动画时没法发长文本,直接输入混合代码,验证效果后即可分享。

如何使用

  1. 1. 提供一套很酷的魔幻基础底板一键插入体验,内有发光以及基本现代字体重置。可随时 `Cmd+S` 执行。

示例输入输出

Mix Body

<h1 style="color:red">HI</h1>

Frame

Renders red text with JS attached on node.

FAQ

可以跑网络请求吗

由于采用了 `sandbox="allow-scripts"` 这会把源定为 Null,有跨域硬伤限制(CORS策略阻止发起,仅供纯静态页面运算测试)。