很不错的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的,也受到不少限制,还是不要太求全责备吧;值得一提的是,对于新手来说,这个编辑器真是学习之利器啊,呵呵~

 

 

原创粉丝点击