前端開發在線課程：
1、HBuilder：WEB開發IDE工具
hbulider，內核是eclipse，Dcloud公司出品；
可以用builder 同時進行項目的編輯，可以和eclipse同步同時進行修改。這樣可以利用到hbulider的強大的h5編輯功能；
從Frontpage、Dreamweaver、UE，到Sublime Text和JetBrains的WebStorm，Web編程的IDE已經更換了幾批。HBuilder是
DCloud（數字天堂）推出一款支持HTML5的Web開發IDE。
2、chrome瀏覽器：
更多工具
開發者工具
dock side
在控制台中，輸入信息，則可以在頁面中顯示出來；
可以顯示調試的各種信息；
chrome中進行設置：

3、firefox瀏覽器
firefox中安裝firebug
firefox中安裝httprequester
4、使用HBulider進行web 頁面開發：
HBuilder內置的web服務器只支持html靜態頁面，如果是動態頁面，則需要使用外部web服務器；
5、使用chrome瀏覽器進行調試：
JS調試語句：
console.log(“hello”);／／普通日志
console.info();／／普通消息
console.warm();／／告警消息
console.error();／／錯誤消息
window.alert();調試語句
直接使用alert也可以彈出：
alert(‘i love you’);
6、外網訪問和反向代理
ip地址：localhost對應的是127.0.0.1
動態分配的192.168.41.126
http://192.168.41.126:8020/mobileWeb/firsthtml5.html 也可以顯示和訪問
firefox的二維碼，可以通過掃描來訪問：

手機安裝瀏覽器獵豹，掃描二維碼，用微信就可以掃描此二維碼，顯示出此網頁出來。可以通過二維碼發布一個網頁。
將本地地址映射為XXX，發布到公網上，主要使用ngrok，實際上是一個反向代理。
ngrok是一個反向代理，可以從公網建立一個安全隧道到本地的web服務。ngrok 抓取和分析所有的經過數據，用於之后的檢查和重放。
http://www.cnblogs.com/wangshuo1/p/4502459.html 微信學習總結 02 ngrok 部署本機代碼，使外網可以訪問。
https://ngrok.com/download 這個上面下載，不能使用了。使用國內提供的一個ngrok的服務：
當啟動ngrok服務之后，驗證能否訪問tomcat服務；
http://127.0.0.1:8080 這是tomcat對外默認端口
打開ngrok it tun之后：
it tun提供一個服務，http:// XXX.ittun.com 映射為 http://127.0.0.1:8080
這樣就可以通過訪問http:// XXX.ittun.com，來訪問內部網頁了，就可以用手機二維碼來掃描
通過ngrok命令設置監聽的端口
啟動ngrok服務，監聽端口：
ngrok 8020
ngrok 8080