扫一扫分享
dabblet这个代码展示平台更偏向于css,但它也有html和JS展示功能。一个方便的地方是它使用了-prefix-free JS库,所以你不需要担心CSS属性的前缀。
Dabblet 的界面十分简洁,操作起来并不复杂,特别适合新手和想尝试最新 HTML5 标签和 CSS3 样式的前端攻城师使用。Dabblet 的一大特色是代码编写时可免加 CSS 前缀。因为,Lea Verou(工具的作者)本人就是免 CSS 前缀 JavaScript 脚本 -prefix-free 的作者,Dabblet 拥有此功能当然是顺理成章的事。HTML 和 CSS 代码间的切换也很方便,点击隐藏工具栏右上方的标签即可。用户可以根据习惯,调整前端代码的预览效果,浏览器内全屏预览将新标签页中打开。
Dabblet 支持用 Github 帐号登录,测试的代码段既可以匿名保存也可以保存在用户的 Github:gist 中,以便用户将代码段嵌入自己的站点或是进一步分享给其他人。
手机预览