JavaScript 演练场 – 运行 JavaScript、HTML 和 CSS
在带实时控制台输出面板和预览的沙盒 iframe 中编写并运行 JavaScript、HTML 和 CSS。默认由 CSP meta 标签阻止网络访问；您可以打开它，界面会显示醒目的警告。使用自动运行模式，边写代码边运行；或用「停止/重置」重建 iframe、中断死循环。入门示例可帮您快速上手。
JavaScript 演练场是一款在浏览器中编写和运行 JavaScript、HTML 和 CSS 的代码工作区。编辑器有独立的 JS、HTML 和 CSS 标签页，配有预览窗格和实时控制台输出面板，可以同时查看页面及其输出。用它来试验一小段代码，或在不安装本地开发环境的情况下试运行代码。
代码在配置为 allow-scripts 且不含 allow-same-origin 的沙盒 iframe 中运行。默认由 CSP meta 标签阻止网络访问；您可以打开它，界面会显示醒目的警告。自动运行模式会在您编写时运行代码。如果脚本陷入死循环，「停止/重置」会销毁并重建 iframe。还内置了入门示例。
JavaScript、HTML 和 CSS 在网页中各司其职：HTML 组织内容结构，CSS 控制呈现样式，JavaScript 增加交互行为。将它们放在独立的标签页中，便于测试各部分如何协同工作、在预览中查看更改效果，以及在控制台中检查输出。
JavaScript 演练场完全在浏览器中运行。您的输入在设备上处理，不会上传、存储或发送到服务器。页面加载完成后可离线使用，且免费。开发者和运维工程师可以用它来探索代码、检查页面行为，或在不同的电脑上快速完成编程任务。
步骤 1：打开 JS、HTML 和 CSS 标签页，输入要尝试的代码。页面的每个部分使用对应的标签页。
步骤 2：选择是否使用自动运行模式。启用后，代码会在您编写时自动运行。
步骤 3：注意默认的网络保护：CSP meta 标签会阻止网络访问。您可以打开网络访问，演练场会显示醒目的警告。
步骤 4：运行代码，查看预览和实时控制台输出面板，了解运行结果。
步骤 5：如果代码陷入死循环，使用「停止/重置」销毁并重建沙盒 iframe。
使用场景：无需在本地安装开发环境，即可尝试 JavaScript 代码片段。演练场在浏览器中运行您的代码，并显示实时控制台输出。
使用场景：在各自的标签页中编辑 HTML、CSS 和 JavaScript，查看预览，了解三者如何协同工作。
使用场景：在页面预览旁边的实时控制台输出面板中，探究代码的行为。
使用场景：代码陷入死循环时，用「停止/重置」销毁并重建 iframe 恢复。
使用场景：在没有本地开发环境的电脑上完成编程任务。
使用场景：避免将内部代码或数据发送到第三方服务：演练场在您的浏览器中处理输入。
使用场景：想找个起点来尝试 JavaScript、HTML 或 CSS 时，浏览入门示例。