開發html5的工具可供選擇的有:Intellij Idea、Eclipse、WebStorm三個軟件。在PC端與手機端，同步測試HTML5網頁。測試發布軟件：FileZilla
JavaScript開發工具WebStorm教程：如何調試WebStorm？
1. 最好用的是WebStorm。
JavaScript 是一種基於對象和事件驅動，且具有相對安全性的客戶端腳本語言，也是時下最為流行的Web腳本語言。目前也在積極的擴展應用領域，同時基於Javascript開發的游戲也在不斷增加。另一方面也以JavaScipt為目標而誕生了多種其他語言，如有着更高精簡性與可讀性的CoffeeScript語言，以及為大型應用服務的ypeScript語言等。最新的TIOBE編程語言6月的排行榜上，JavaScript也重新進入前十名，目前JavaScript語言依舊處於在TIOBE編程語言排行榜上的一個上升趨勢，依舊很具有潛力。對於優秀的編程語言選擇合適的開發工具，就能夠事半功倍。jetbrains公司旗下的WebStorm是一款優秀的JavaScript 開發工具，被大多數的JS開發人員譽為最智能的JavaSscript IDE。網上下載的破解版、中文版的很多，隨便可以下載破解的，就是在破解的時候在第一個菜單中，要先選擇webstorm來破解。
智能的代碼補全：支持不同瀏覽器的提示，還包括所有用戶自定義的函數(項目中)。代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代碼格式化：代碼不僅可以格式化，而且所有規則都可以自己來定義。
代碼編寫中的html提示：大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html里面還能有js提示。
代碼導航和用法查詢：只需要按着Ctrl鍵點擊函數或者變量等，就能直接跳轉到定義：可以全項目查找函數或者變量，還可以查找使用並高亮。
代碼重構(這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快)：支持的有重命名、提取變量/函數、內聯變量/函數、移動/復制、安全刪除等等。
代碼檢查和快速修復：可以快速找到代碼中的錯誤或者需要優化的地方，並給出修改意見，快速修復。
代碼調試；
代碼結構瀏覽：可以快速瀏覽和定位。
代碼折疊；
瀏覽器支持細節提示：關鍵字，標簽，變量，參數和功能的JavaScript代碼完成是基於支持DOM的流行的瀏覽器（IE，火狐等）標准，可以顯示在不同瀏覽器之下的支持細節。
2. 最美的界面是Intellij Idea。
相比較於WebStorm(只能使用破解版)，那么使用Intellij Idea的時候，它有免費使用版。而且它的細節做的特別好，有點兒像蘋果的產品，用戶體驗性特別好。
3. 最卡的界面是Eclipse。
附：
1.js加密或者混淆地址：http://www.jb51.net/tools/eval/
一直以來，JS前端代碼因為必須經過IE明文解析，某些加密的JS如：JScript.Encode也因為樹大招風，早就被人破解了。還有些加密的手段，通過復雜的變換，改變源碼，但最終都逃不脫最后的審判，像unescape,document.write,eval語句來還原。對於JS代碼的保護，最好的手段就是混淆，混淆的目的就是讓讀懂代碼的成本比直接寫代碼的成本高，混淆不是不可破解的，只是增加破解成本,JAVA,C#的加密都是采用混淆。這樣對於非常核心的代碼，混淆起不到保護代碼的作用，不過JS有這樣的代碼么？本程序沒有用到編譯原理，其分詞解析思想是基於mechiland(http://www.jzchen.net)的代碼高亮程序，參考了藍色經典的加密混淆專題討論。
2. XAMPP （http://jingyan.baidu.com/article/6525d4b155177dac7d2e9409.html）
XAMPP（Apache+MySQL+PHP+PERL）是一個功能強大的建 XAMPP 軟件站集成軟件包。它可以在Windows、Linux、Solaris、Mac OS X 等多種操作系統下安裝使用。XAMPP 是一個易於安裝且包含 MySQL、PHP 和 Perl 的 Apache 發行版。XAMPP 的確非常容易安裝和使用：只需下載，解壓縮，啟動即可。
具體操作如下：先去XAMPP官網下載適合自己的XAMPP版本，支持Mac、Windows、Linux。下載完成后，雙擊安裝XAMPP到PC上，一路next即可，不懂英文也沒事。安裝過程中，有一個路徑的選擇，建議把XAMPP的根目錄，定義到D盤或者E盤等，默認是C盤的根目標下(后面需要使用hotdoc目錄)。安裝完成后，打開XAMPP，有一個Apache的功能，后面會有一個start，點擊start等待3~5秒后即可，其他功能不需開啟。然后將在PC上制作的html5或手機頁面文件夾，放到XAMPP文件夾中的htdocs文件夾中(找到XAMPP的安裝路徑下)。查看本機的局域網IP地址，如：192.168.1.122(使用cmd下ipconfig查看)，然后手機連接到與PC同一個路由器中(連接同一個wifi)，在手機的瀏覽器中打開 192.168.1.122/index.html 即可進行調試。使用完畢，直接點XAMPP控制台中的Stop，關閉Apache服務即可。
3. FileZilla
FileZilla是一個免費開源的FTP軟件，分為客戶端版本和服務器版本，具備所有的FTP軟件功能。可控性、有條理的界面和管理多站點的簡化方式使得Filezilla客戶端版成為一個方便高效的FTP客戶端工具，而FileZilla Server則是一個小巧並且可靠的支持FTP&SFTP的FTP服務器軟件。FileZilla是一種快速、可信賴的FTP客戶端以及服務器端開放源代碼程式，具有多種特色、直接的接口。FileZilla在2002年11月獲選為當月最佳推薦專案。
IP：192.168.1.207
端口是：22 。
協議：SFTP。
用戶名和密碼，由服務器端的FTPZilla來設置。