很不错的Html,Javascript,CSS在线编译器
来源:互联网 发布:宾馆307网络歌手 编辑:程序博客网 时间:2024/05/22 13:03
推荐一款很不错的Html,Javascript,CSS在线编译器,地址:http://jsfiddle.net/
1.优点
a.界面简洁,没有广告,看起来相当舒服:
——如图所示,左边是一些选项,包含框架啊、html版本等信息;右边分为四个方框,分别是Html,Javascript,CSS输入框 以及 结果输出框;顶部是一些编译、保存等按钮。
b.支持语法高亮——如上图所示
c.源码开发——开源乃大~
d.开放注册
e.一键共享代码到Twitter和Facebook——将自己设计的界面第一时间分享给好友,满足成功的快感~
f.提供详细的使用文档——上图左下第二个链接
g.……(我也是刚发现这个的,优点持续发现中!)
2.不足
a.不支持保存到本地,需要分享到Twitter或Facebook之后才能获得代码,还没细看——有机会研究下源码,看能不能添加个保存到本地的功能;
b.貌似只支持单html编辑,对于多html文档的web前端项目就捉襟见肘了
3.支持的语言
- HTML
- CSS
- SCSS
- JavaScript
- Coffeescript
- JavaScript 1.7
4.另一种布局
选择好版本以及设置好title等信息后,我们很多情况下已经不需要左边的选项栏了,这时候我们或许会选择jsFiddle提供的另一种格局:
要实现这种简化的布局,只需要在我们原链接的基础后面添加“embedded/result,js,html,css/”即可,例如:
http://jsfiddle.net/zalun/NmudS/embedded/result,js,html,css/
5.与代码托管社区GitHub的整合
jsFiddle提供了这样的支持,具体方法见:http://doc.jsfiddle.net/use/github.html
与GitHub的整合使得jsFiddle能够将GitHub上符合特定格式的Demo在jsFiddle上运行并查看结果, 并实现了其他一些功能——没用过GitHub,不大了解其他几个功能的作用,有时间了看下GitHub,Google、微软都把开源代码放在这里,足见其强大之处。
6.jsFiddle API
提供了一些供开发人员使用的API:http://doc.jsfiddle.net/api/index.html
总的来说还是相当赞的,毕竟是online的,也受到不少限制,还是不要太求全责备吧;值得一提的是,对于新手来说,这个编辑器真是学习之利器啊,呵呵~
- 很不错的Html,Javascript,CSS在线编译器
- 一个HTML/CSS/Javascript的在线开发工具 - Fiddle Salad
- 开源javascript/html/css的在线运行和调试 - editr
- 很不错的CSS样式
- 一款很不错的在线存储工具
- html在线编译器
- KindEditor html 在线编译器
- 40个很不错的CSS技术
- HTML中一些很不错的标签
- 很不错的html学习资料
- Html、CSS、JavaScript 实时效果在线编辑器 - 学习的好工具,算不算?!
- QQ在线客服的二种代码,感觉很不错
- 很不错的在线Office控件:IWebOffice与SOAOffice
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
- 1.面向对象的封装,构造函数!
- Apache Web Server性能测试中大量TIME_WAIT解决方法 及 Linux sysctl.conf 优化解决方案
- 一个合格的程序员应该读过哪些书
- android使用activitygroup和Scrollview的方法
- 算法研究(一) 旋转字符串的三种算法
- 很不错的Html,Javascript,CSS在线编译器
- 匿名对象
- 我是如何学PHP的
- Struts2框架中s:if标签和s:set标签小结
- Windows驱动中的电源管理
- Android 关闭线程(转)
- CentOS 卸载OpenJdk
- xargs 用法
- windflowers