很不错的Html,Javascript,CSS在线编译器

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

 

 

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值