实时代码演练场
编写 HTML、CSS 和 JavaScript，在专业的分屏实时预览中即时查看效果
1
1
1
控制台
什么是 Fastols 的实时代码演练场？
此工具可在独立的编辑器中编写 HTML、CSS 和 JavaScript 代码，并在独立的窗口中实时预览效果，同时提供一个区域显示代码中的 console.log 输出信息。
编写的代码会自动保存在你的浏览器中，在同一设备和浏览器上再次打开页面时仍会保留。
代码仅在你的浏览器中运行
HTML、CSS 和 JS 在隔离的预览环境中本地执行 —— 不会上传任何内容。
输入时实时预览
每敲一次键，渲染结果都会立即更新。
无需注册即可开始编写代码
打开演练场即可立即免费测试代码片段。
使用实时代码演练场的方法
- 1在 HTML 标签页编写 HTML 代码，在 CSS 标签页编写样式代码，在 JS 标签页编写脚本代码。
- 2点击“运行”按钮执行代码，在预览区查看效果。
- 3在编辑器下方的专用控制台区域查看显示的 console.log 信息。
- 4如有需要，点击“重置”即可恢复为默认代码。
关于实时代码演练场的常见问题
关闭页面后，我编写的代码会被保存吗？
会的，代码会自动保存在浏览器的本地存储中，在同一设备和浏览器上重新打开页面时会再次显示。
在 JavaScript 代码中编写的 console.log 信息会显示在哪里？
这些信息会显示在工具内的专用控制台区域，并附有计数器显示消息数量。
“重置”按钮的作用是什么？
“重置”按钮会将三个编辑器中的当前代码替换为现成的默认示例代码。
编写的 JavaScript 代码是在独立窗口中运行的吗？
是的，预览会在独立于页面其他元素的 iframe 窗口中显示，使代码在独立环境中运行。
编写的代码会被发送到任何服务器吗？
不会，代码完全在浏览器内运行，仅保存在浏览器本地存储中，不会上传到任何服务器。