工具库

HTML编辑器

在线编辑html代码,实时显示代码的运行结果

沙盒渲染机制 Technical Architecture

该编辑器利用 IFrame 隔离技术 创建了一个安全的运行环境。当你执行代码时:

代码注入

解析器提取你编写的 HTML、CSS 和 JS 片段。

依赖组装

自动将选择的第三方库动态插入到文档头部。

DOM 重构

通过 iframe.document.write() 刷新渲染上下文。

CDN Delivery Strategy

我们强烈建议通过 CDN (Content Delivery Network) 引入第三方库。这能有效利用边缘缓存,极大降低脚本加载延时,并减少服务器流量消耗。

Developer Tip

开启 Auto-Update 模式时,如涉及大量 DOM 操作或 Canvas 动画,预览区可能会出现闪烁。此时建议手动点击 RUN EXPLORER 进行渲染。

全部评论