免费注册

HTML/CSS/JS 在线运行

三个窗口写 HTML、CSS、JavaScript,右边马上看到网页效果。

HTML/CSS/JS 在线运行

关于HTML/CSS/JS 在线运行

HTML/CSS/JS 在线运行把 index.html、style.css、script.js 组合成一个网页,输入停下来后自动刷新预览,也可以关掉自动刷新、按 Ctrl+Enter 手动运行。预览运行在隔离的沙箱里,不会影响本站。下方的控制台显示 console.log、警告和报错,报错会标出是 script.js 的第几行,点一下就跳过去;控制台底部还可以直接输入 JavaScript 在页面里运行。

预览宽度可以切换成手机(390px)、平板(768px)或整个窗口,也可以在新窗口里打开。“库”里能一键加上 jQuery、Vue、React、Babel(写 JSX)、Bootstrap、Tailwind CSS、Chart.js、D3、three.js 等,从公共 CDN 加载。代码可以整理格式,导出成一个 HTML 文件或 ZIP,也可以生成分享链接发给别人。只想格式化或压缩代码,用HTML 格式化。

HTML/CSS/JS 在线运行怎么用

  1. 1
    写代码

    在 HTML、CSS、JS 三个标签里写代码,或打开示例。

  2. 2
    看预览

    右边实时显示网页,控制台显示输出和错误。

  3. 3
    导出或分享

    下载 HTML 文件、ZIP,或复制分享链接。

为什么用熊仔工匠

  • 实时预览

    停止输入后自动刷新,也可以手动运行。

  • 控制台

    显示 console.log 和报错,能直接运行 JavaScript。

  • 手机平板宽度

    一键切换预览宽度,检查响应式布局。

  • 常用前端库

    jQuery、Vue、React、Bootstrap、Tailwind 等一键加上。

  • 安全隔离

    预览在沙箱里运行,代码不上传。

常见问题

HTML/CSS/JS 在线运行常见问题

预览里的代码安全吗?
预览运行在沙箱框架里,不能访问本站的页面和数据。代码只在你的浏览器里运行,不会上传。
可以用 Vue、React 吗?
可以。在“库”里勾选 Vue 3 或 React 18;写 JSX 时再勾选 Babel。
怎么把做好的网页保存下来?
在“文件”里下载为一个 HTML 文件(CSS 和 JS 已经合进去),或下载包含三个源文件的 ZIP。
能分享给别人看吗?
能。点“分享链接”,代码压缩在链接里,对方打开就能看到并运行。
把HTML/CSS/JS 在线运行分享给朋友打开浏览器就能用,对方不注册也能先试。

相关工具

HTML HTML 格式化把杂乱的 HTML 按层级缩进,一目了然。
JS JS 格式化美化压缩过或排版混乱的 JavaScript。
HTML HTML 转文本把 HTML 转成干净的纯文本、Markdown 或 CSV:只留正文、提取链接、表格转换,也能批量转换。
TXT 在线文本编辑器多标签编辑文本、HTML 和代码:GBK 等编码、正则查找替换、排序去重等行操作、HTML 实时预览、文本对比。
C 在线 C 语言编译器用 Clang 在浏览器里编译运行 C 程序:可以边运行边输入、读写文件,数组越界和空指针会指出出错的行。
CPP 在线 C++ 编译器用 Clang 在浏览器里编译运行 C++11 到 C++23,有完整的标准库和 <bits/stdc++.h>,刷题、学习都方便。
PY 在线 Python 运行在浏览器里写 Python 并运行:可以边运行边输入,读写文件、海龟绘图、matplotlib 图表,出错有中文提示。
GDB 在线调试器(C/C++/Python)逐行调试 C、C++、Python,还能倒着走:断点、变量、监视、调用栈和类似 GDB 的命令。