還在使用jsfiddle和jsbin做在線前端代碼展示和演示嗎? 試試更強大的在線代碼分享工具吧!

jjfat 9年前發布 | 47K 次閱讀 gbtags 極客標簽 編程工具

傳統的代碼分享工具JSbin和JSfilddle

jsfiddle和jsbin可能是前端開發中最早最常用的代碼“把玩”工具,擁有大量的粉絲和用戶,作為前端開發攻城師來說,我個人過去也常常使用。

不過作為國外的服務和產品,加載速度非常不理解,經常半天加載不上,如下圖:

而且最重要的在于大量的CDN引用JS/CSS來自于Google CDN,大家也明白,天朝不再給Google發VISA啦,所有的Google域名下的服務或者文件都無法正常訪問。除非你KX上網!使用非常不流暢滴說!,如下圖:

輕視頻代碼分享工具

極客標簽同樣也提供了一個增強的在線代碼分享工具,訪問地址如下:

分享代碼 (請先登錄網站)

這個工具包含了運行并實時預覽前端代碼的所有功能,最重要的,你可以錄制你書寫代碼的“整個過程”,它能夠幫助你自動記錄下來,保存后,你可以分享給你的朋友或者同事, 即可以方便大家觀看和運行你最終書寫的代碼,同時有興趣的話,也可以觀看你書寫代碼的過程,甚至是你添加的行內氣泡代碼說明。也就是說它等同于以下兩個工具的復合體:

代碼錄制播放工具 + 代碼分享工具

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

  • 完整的CDN支持:幾百個免費開源的cdn類庫訪問,包括了不同版本
  • 占位圖片輔助生成工具:需要在代碼里引用圖片嗎? 不需要百度啦,直接使用url生成即可
  • JS代碼正確性檢驗:幫助你檢測JS代碼的正確性

最重要了的在于,這個工具不單單支持前端語言,也支持Java,Objective-C和PHP等流行語言的在線編寫和運行,不需要IDE和編譯環境,你可以在任何地點,任意的環境下分享自己的代碼和編程技巧,只要你能訪問互聯網,是不是很酷?

保存后,你可以直接分享到各大論壇社交媒體:

或者直接插入到你個人的博客中,取代傳統的“在線演示”地址 ,是不是非常方便? 希望大家能夠喜歡這種分享代碼的方式!

 本文由用戶 jjfat 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!