1. debugger;

正如我之前提到的，你可以使用“調試器”;用于向代碼添加強制斷點的語句。需要斷點條件？只需將其包裝在IF子句中：

請記住在上線之前刪除它。

2. 當節點變化時斷開

有時DOM似乎有自己的想法。當發生令人難以置信的變化時，很難找到問題的根本原因。 Chrome開發人員員具有調試此問題的超級實用技能。這稱為“Break on .”，您可以通過右鍵單擊Elements選項卡上的DOM節點找到它。

刪除節點后，節點的屬性更改或其子樹中的節點更改時，可以設置斷點。

3. Ajax斷點

XHR斷點或我稱之為Ajax斷點的東西也允許在創建預期的Ajax請求時斷開連接。在調試Web應用程序的Web時，這是一個了不起的工具。

4. 模擬不同的移動設備

Chrome增加了內置的移動設備模擬工具，可以簡化您的日常工作。選擇任何非控制臺選項卡以查找它們，按鍵盤上的esc鍵并選擇要觸摸的移動設備。

當然，你不會得到真正的iPhone，但尺寸，觸摸事件和agemt將適合你。

5. 通過審核提升你的站點

YSlow是一個很棒的工具。 Chrome還在開發者工具下包含一個名為Audits的類似工具。快速查看您的網站，以獲得有用的實際優化提示。