常见问题

关于在线编译器、预览行为、本地存储和工作流程的解答。

什么是 HTML CSS JS 编译器?

一种在线工作区,将 HTML、CSS 和 JavaScript 合并为实时浏览器预览,便于快速编写和测试 frontend 代码。

可以同时运行 HTML、CSS 和 JavaScript 吗?

可以。预览文档将 CSS 注入 style 标签,将 JavaScript 注入 script 标签,包裹您的 HTML。

编译器免费吗?

核心 playground 可在浏览器中使用,基本功能无需注册账号。

需要安装什么吗?

不需要。打开网站即可编辑。现代浏览器即可。

编译器在手机上能用吗?

可以。编辑器、运行、预览和 Console 针对小屏幕采用标签面板布局。

代码在浏览器中运行吗?

是的。预览渲染和脚本执行在 sandbox iframe 中本地进行。

可以下载代码吗?

可以。下载会生成包含 HTML、CSS 和 JavaScript 的独立 index.html。

可以测试 JavaScript 吗?

可以。使用 JavaScript 面板,运行后检查 Console 消息和运行时错误。

可以测试响应式设计吗?

可以。切换桌面、平板和手机预览宽度并查看 viewport 标签。

编译器会保存代码吗?

正常编辑启用本地保存时,面板可能通过 localStorage 存储在本浏览器中。

代码会上传到服务器吗?

标准预览无需将编辑器内容上传到 backend。由浏览器执行渲染。

为什么 JavaScript 不工作?

常见原因:DOM 节点尚未存在就运行、ID 拼写错误、sandbox 权限被阻止或依赖 iframe 中不可用的 API。请查看 Console 面板。

返回编译器

基于浏览器的 HTML、CSS 和 JavaScript 快速开发环境。

开始编码