本地代码预览
实时预览 HTML / CSS / JavaScript 代码效果
示例模板
实时预览
编写代码后点击运行或开启自动运行
使用提示
- 在左侧编辑器中编写 HTML / CSS / JavaScript 代码，右侧实时预览运行效果
- 支持 语法高亮 和 自动补全，代码编辑更便捷
- 点击顶部「示例模板」快速加载常用代码片段
- 开启「自动运行」后，代码修改会自动同步到预览区（可通过工具栏手动运行）
- 点击「全屏」按钮可全屏查看预览效果，按 ESC 退出
- 快捷键：Ctrl/Cmd + Enter 运行代码