互連網技術開發人員必備的調試工具和指令碼

標籤：des   style   http   color   使用   java   ar   strong   for   

俗話說的好：武功再好，一磚撂倒；功夫再高,也怕菜刀。可想而知，擁有工具是多麼重要！！！哈哈，不閑扯了，直接給大家上工具吧。很多大牛都是有一套自己鐘愛的工具集和資源集的哦。在今天這篇文章中，我將介紹一些能夠協助你高效開發的工具指令碼和資源，權當拋磚引玉，希望能夠帶給大家協助。

1.  JSFIDDLE
JSFIDDLE是一個超棒的線上JS/CSS/HTML調試和分享工具，大家可以方便的在web頁面中分享代碼，或者調試代碼。並且有效和同事或者朋友分享。

2.  JSBin
JSbin是另外一個相當不錯的線上調試和分享網站，和JSFIDDLE非常類似，但是整體介面更偏重於編輯和調試。你擁有更大的編輯地區，而且擁有控制台可以查看錯誤。

3.  HTML/CSS/Javascript的線上開發工具 – Fiddle Salad
超棒的HTML/CSS/Javascript的線上開發工具，如果你使用過JSFIDDLE的話，相信大家會更喜歡這個功能強大的線上整合開發環境。

4.  Tinkerbin
另外一個線上調試和示範前端開發工具，和jsfiddle比較起來，TinkerBin介面功能比較簡答，但是介面布局更加合理。使用jsfiddle的時候，總感覺每一個視窗的輸入都比較費勁，使用者不得不來回的拖拉視窗。而使用Tinkerbin， 你可以更加容易的切換多個視窗或者單一個視窗來瀏覽器CSS、HTML或者JS代碼。

5.  Browser Support
作為一個前端開發人員來說，處理不同瀏覽器的相容性問題如同家常便飯，但是如果讓你說出不同瀏覽器的CSS相容性區別，還真不太容易，這裡介紹的這個工具Browser Support，可以很方便的告訴你不同瀏覽器下的CSS區別以及是否被支援。相當的方便！

6.  openwebicon
如果你厭倦了圖片產生的表徵圖的話，使用openwebicon是一個不錯選擇，你只需要添加class即可產生需要的表徵圖。

7.  gradient-scanner
這個工具超酷，能夠協助你將上傳圖片中的漸層特效產生CSS樣式，非常便捷和高效，也非常實用。

8.  Em Calculator
Em calculator是一個輕巧的JavaScript工具，能夠協助你建立靈活的CSS設計。它協助你轉換像素到em單位。可以協助你有效查看、比對像素和字型大小。

9.  CSS ARROW PLEASE!
一個線上的、簡單實用的產生氣泡式提示的web工具。

10.  checkmycolours
一個協助你檢查網站顏色對比的工具，能夠有效協助你設計搭配完美的顏色方案。

11.  Screenqueri.es
如果你需要開發響應式布局設計的網站的話，這個工具肯定能夠幫你大忙，它能夠類比不同裝置的螢幕尺寸，並且協助你佔線不同設計上的網站顯示效果，絕對是測試必備工具。

12.  Dirty Markup
如果你需要一個協助你規整書寫混亂的代碼的工具的話，我強烈推薦給你這個線上代碼美化工具。這個線上工具能夠協助你有效處理HTML/HTML5、CSS和JavaScript代碼。

13.  jQuery mobile原型設計開發工具 – codiqa
一個超棒的線上原型設計開發工具，這個線上設計工具能夠協助我們快速的使用拖拽的方式來構建一個基於jQuery mobile的web應用程式。

14.  Screenfly
Screenfly是一個免費測試載入器，可以用來測試不同用戶端下（不同顯示器或者行動裝置）網站顯示狀況的工具。它使用一個Proxy 伺服器來類比裝置，並且支援最流行的平板電腦或者行動裝置。

15.  Fixie
fixiejs是一個超實用的虛構內容產生指令碼，如果你設計網站或者網頁，往往需要添加一些文字或者圖片內容來查看效果，這個指令碼可以有效協助你產生不同類型內容，讓你專註於設計本身！

16.  SimpleCart
超酷的純JavaScript實現的購物車程式，能夠很有效協助你產生一個B2C購物車。簡單、實用、快捷！

17.  Animate.css
animate.css 是一套超棒的CSS動畫指令碼，可以協助你使用CSS實現各種類型的動畫，不同的淡入、淡出，或者旋轉、翻轉特效。絕對是協助你快速產生特效的好工具，你可以通過使用jQuery的addClass來給你的元素添加特效，方便實用，非常易於整合。 相信你一定會喜歡的！

18.  Redactor – HTML富編輯器
基於jQuery的一個超棒WYSIWYG編輯器。這個編輯器使用jQuery技術作為架構開發完成，整合了很多炫酷的功能，比如，拖拽上傳檔案、自動儲存等，速度很快，並且體積非常小。

19.  jqueryboilerplate
jQuery Boilerplate是一個不錯的jQuery外掛程式開發工具，使用這個工具可以協助你快速的構建一個jQuery外掛程式。

互連網技術開發人員必備的調試工具和指令碼