HTML5 在线运行 - API开放闸（ApiOpenGate.com）

<main class="card">
  <h1>HTML5 在线运行器</h1>
  <p>编辑 HTML、CSS 或 JavaScript 后点击运行。</p>
  <button id="hello">点击我</button>
</main>

body { margin: 0; min-height: 100vh; display: grid; place-items: center; font-family: system-ui, sans-serif; background: #f3f7fc; color: #13233e; }
.card { padding: 2rem; width: min(88%, 480px); text-align: center; border-radius: 16px; background: #fff; box-shadow: 0 12px 38px rgba(24,62,110,.12); }
button { border: 0; border-radius: 8px; padding: .65rem 1rem; color: #fff; background: #1769e0; cursor: pointer; }

document.getElementById('hello').addEventListener('click', event => {
  event.currentTarget.textContent = '运行成功！';
  console.log('按钮已点击');
});

HTML · 0 字符

安全预览等待运行

控制台

运行后的 console 日志和 JavaScript 错误将在这里显示。

预览允许运行脚本，但默认禁止网络请求、表单提交、弹窗、新窗口和顶层页面跳转。