Javascript 在线拖放HTML5IDE

今天，我想到了以下想法：

浏览器内IDE，允许您在自定义视口大小上拖放HTML元素，编辑它们的属性，并使用CSS（通过添加/编辑基于标记、基于类或基于ID的规则）直接（实时）设置它们的样式

总体而言，类似于Chrome调试器，面向开发Web应用程序。 总之，我要寻找的功能包括：

• 客户端web应用程序面向开发
• 现场预览
• CSS编辑，类似于Chrome调试器

---

我几乎可以肯定这样的东西是存在的，但我在无数次谷歌搜索后都找不到它。有人知道这样的项目吗？

是的，很多，搜索基于web的IDE： 还有： 这也很流行：

---

Dreamweaver（桌面应用程序）可以做到这一点，但它会生成可怕的代码。它们似乎面向服务器端，缺乏实时预览。请投票。这些选项都没有拖放功能。它们本质上都是代码编辑器。