...

轉： https://segmentfault.com/q/1010000005066449/ ...

[ 使用斷點來暫停JavaScript代碼，審查變量的值和在特定時刻所調用的堆棧。 一旦你設置了斷點，你應該學習如何遍歷你的代碼，並審查你的變量和調用堆棧。 TL;DR 設置斷點的最基本的方法是在特定的代碼行上手動添加一個斷點。您也可以將這些斷點配置為僅在滿足特定條件時 ...

沒？ 用chrome瀏覽器打開頁面 → 按f12打開開發者工具 → 打開Sources → ...

來源：http://blog.csdn.net/cyyax/article/details/51242720 上一篇我們學習了谷歌Chrome瀏覽器開發者工具的基礎功能，下面介紹的是Chrome開發工具中最有用的面板Sources。 Sources面板幾乎是最常用到的Chrome功能面板,也是 ...

　　 　　很多小伙伴在開發的時候，大多是在用谷歌開發者工具調試代碼（快捷鍵F12 或 Ctrl-Shift-i）。 　　可能會經常遇到需要調試hover樣式的時候，一般都是直接改代碼，然后在頁面上刷新查看效果。 　　其實，這里有個小技巧，用谷歌開發者工具就可以方便的查看hover樣式 ...

[ 在底層，Chrome 開發者工具是用 HTML，JavaScript 和 CSS 寫的 Web 應用程序。在 Javascript 運行時，它提供一個特殊的綁定，這允許它與 chrome 網頁進行交互並且容許裝載它們。交互協議包括被發送到頁面的命令，和該頁面生成的事件。盡管 Chrome ...

調試時使用最多的功能頁面是：元素（ELements）、控制台（Console）、源代碼（Sources）、網絡（Network）等。 元素（Elements）：用於查看或修改HTML元素的屬性、CSS屬性、監聽事件、斷點（DOM斷點：在JavaScript調試中，我們經常使用到斷點調試 ...