关于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写代码
在 HTML、CSS、JS 三个标签里写代码,或打开示例。
- 2看预览
右边实时显示网页,控制台显示输出和错误。
- 3导出或分享
下载 HTML 文件、ZIP,或复制分享链接。
为什么用熊仔工匠
- 实时预览
停止输入后自动刷新,也可以手动运行。
- 控制台
显示 console.log 和报错,能直接运行 JavaScript。
- 手机平板宽度
一键切换预览宽度,检查响应式布局。
- 常用前端库
jQuery、Vue、React、Bootstrap、Tailwind 等一键加上。
- 安全隔离
预览在沙箱里运行,代码不上传。