浏览帮助文章

创建第一个 Fiddle

打开编辑器,编辑 HTML/CSS/JS,运行预览并保存到云端。

概览

Fiddle 是由 HTML、CSS、JavaScript 组成的小型 Web Demo。Pixorla 在编辑器旁实时预览,便于快速迭代。

打开编辑器

点击侧栏「编辑器」或访问首页(/)。通过顶栏「新建」选择空白页或起步模板;已保存的云端作品在 /f/你的-id 打开。

HTML、CSS 与 JavaScript

切换标签页编辑各面板。在保存或分享之前,改动保留在浏览器中。可在顶栏选择布局,让预览显示在代码旁或下方。

运行预览

点击顶栏「运行」或按 Ctrl/Cmd + Enter 刷新预览。在预览工具栏打开设备菜单,检查手机和平板机型(含折叠机)。运行后可打开「检查」,点选元素并跳到对应 HTML。

保存到云端

登录后点击「保存」或按 Ctrl/Cmd + S,将作品存入 Pixorla。保存后可获得短链,并在顶栏「分享」菜单顶部设置公开/私有。侧栏可打开「最近作品」或「我的收藏」;完整的「我的作品 / 笔记 / 作品集」等在账户菜单「我的内容」。Hash 链接与导出见「分享」指南。