实时预览

工具说明

本工具用于在浏览器中直接编写并预览 HTML、CSS、JavaScript 代码,无需安装环境,适合快速验证片段或学习前端。

  • HTML:填写页面结构(标签、内容),会插入到预览页的 <body> 内。
  • CSS:填写样式,会以 <style> 形式放入预览页 <head>
  • JavaScript:填写脚本,会以 <script> 形式放在 <body> 末尾执行。

点击「插入示例」可填入一套示例代码并自动运行;「运行」将左侧三栏代码合并后刷新右侧预览;「清空」会清空三栏并重置预览。预览在沙箱中运行,仅支持内联脚本,无法访问网络或本地文件。