2014年10月28日 星期二

Chrome上html+javascript的測試工具

最近在研究html+javascript
編輯軟體用NotePad++
遇到一個問題就是無法debug
上網找許久發現chrome瀏覽器本身Developer Tools就有偵錯功能
還不錯用
在網頁上直接按F12或ctrl+shift+c/i/j就可以啟動Developer Tools

https://developer.chrome.com/devtools
這個網頁有基本功能介紹

然後比較常用到的debug按鍵
F8:到中斷點才停止
F10:跳到下一行
F11:單步執行function內容
shift+F11:跳出該執行function

http://www.w3schools.com/
有基本html與javascript介紹
也有提供線上執行網頁功能

http://jsfiddle.net/
另外一個網站也有類似功能