还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!

jjfat 9年前

传统的代码分享工具JSbin和JSfilddle

jsfiddle和jsbin可能是前端开发中最早最常用的代码“把玩”工具,拥有大量的粉丝和用户,作为前端开发攻城师来说,我个人过去也常常使用。

不过作为国外的服务和产品,加载速度非常不理解,经常半天加载不上,如下图:

而且最重要的在于大量的CDN引用JS/CSS来自于Google CDN,大家也明白,天朝不再给Google发VISA啦,所有的Google域名下的服务或者文件都无法正常访问。除非你KX上网!使用非常不流畅滴说!,如下图:

轻视频代码分享工具

极客标签同样也提供了一个增强的在线代码分享工具,访问地址如下:

分享代码 (请先登录网站)

这个工具包含了运行并实时预览前端代码的所有功能,最重要的,你可以录制你书写代码的“整个过程”,它能够帮助你自动记录下来,保存后,你可以分享给你的朋友或者同事, 即可以方便大家观看和运行你最终书写的代码,同时有兴趣的话,也可以观看你书写代码的过程,甚至是你添加的行内气泡代码说明。也就是说它等同于以下两个工具的复合体:

代码录制播放工具 + 代码分享工具

而且工具整合了如下功能:

  • 完整的CDN支持:几百个免费开源的cdn类库访问,包括了不同版本
  • 占位图片辅助生成工具:需要在代码里引用图片吗? 不需要百度啦,直接使用url生成即可
  • JS代码正确性检验:帮助你检测JS代码的正确性

最重要了的在于,这个工具不单单支持前端语言,也支持Java,Objective-C和PHP等流行语言的在线编写和运行,不需要IDE和编译环境,你可以在任何地点,任意的环境下分享自己的代码和编程技巧,只要你能访问互联网,是不是很酷?

保存后,你可以直接分享到各大论坛社交媒体:

或者直接插入到你个人的博客中,取代传统的“在线演示”地址 ,是不是非常方便? 希望大家能够喜欢这种分享代码的方式!